Solved

Font and Changing headings

Posted on 2014-02-17
5
275 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
When asking a question in a forum or creating documentation, screenshots are vital tools that can convey a lot more information and save you and your reader a lot of time
The goal of this is to tech the user how to export photos out of Lightroom and the different options they have. Select which photos you want to export : Select where you want to export and with which options : Export :
In an interesting question (https://www.experts-exchange.com/questions/29008360/) here at Experts Exchange, a member asked how to split a single image into multiple images. The primary usage for this is to place many photographs on a flatbed scanner…

688 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