Solved

Font and Changing headings

Posted on 2014-02-17
5
265 Views
Last Modified: 2014-02-17
Hi Guys,

I was wondering if I could change the headings on the sidebar here http://www.thedancingsoul.ie/?page_id=749 so the font is the same as the one where it reads "The Dancing Soul" on the header image ?

I have attached an image with the font on it
soultext.png
0
Comment
Question by:jonathanduane2010
  • 3
  • 2
5 Comments
 
LVL 43

Expert Comment

by:Chris Stanyon
ID: 39865863
The font on the heading is certainly not a standard font, so you have limited options. The old-school (read: not recommended) is to create an image for each of your sidebar heading using your favourite graphics package and then use one of the many Image Replacement techniques to show the image instead of the text.

The other option, if you have the copyright permissions to use the font, is to create a font-face kit from the originaly font (maybe a TrueType font). I think Font-Squirrel allow you to upload a font and they'll create a font-face kit for you to download, include in your CSS and then use throughout your site - but as I say - you must have permission to use the font

A better option might be to browser the hundreds of Google fonts for one that compliments your header font and use that for the side bar. Good typography design is all about matching fonts - not overwhelming us with just one :)
0
 

Author Comment

by:jonathanduane2010
ID: 39865874
is there anyway of finding out what font it is ?
0
 
LVL 43

Expert Comment

by:Chris Stanyon
ID: 39865895
The easiest way is to ask whoever designed the header.

Alternatively, you could use a website such as identifont.com where you answer a series of questions about your font, and it tried to identify it, but if it's an obscure one, that may not help
0
 

Author Comment

by:jonathanduane2010
ID: 39865909
For no, how can i change it so its bigger and the same colour green and Bold?
0
 
LVL 43

Accepted Solution

by:
Chris Stanyon earned 465 total points
ID: 39865922
In your style.css, around line 531, you have a CSS rule for .sidebar h5. Just add colour, font-size and font-weight:

.sidebar h5 {
   color: #6F9C3F;
   font-weight:bold; 
   font-size: 1.2em; 
}

Open in new window

0

Featured Post

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article provides the solution to a question (http://www.experts-exchange.com/Software/Photos_Graphics/Images_and_Photos/Q_28674207.html) posed here at Experts Exchange. The asker of the question has many JPG images in many folders, and all of t…
In a previously published article (http://www.experts-exchange.com/articles/10331/Automatic-Duplex-Scanning-in-PaperPort-Versions-11-12-14.html) here at Experts Exchange, I explained how to achieve duplex (double-sided) scanning in Nuance's PaperPor…
The goal of the tutorial is to teach the user how to add a water mark to there photo. Once you have a photo you like you have to go into the water mark setting and add a water mark to the image. You can either choose a text watermark or an image…
The goal of the tutorial is to teach the user how to use import presets downloaded from the internet into Adobe Lightroom. Once you downloaded the presets go into the preset folder and press import then import your preset and your set it to go.

810 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question