Solved

Font and Changing headings

Posted on 2014-02-17
5
268 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

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Read about why website design really matters in today's demanding market.
In this sixth video of the Xpdf series, we discuss and demonstrate the PDFtoPNG utility, which converts a multi-page PDF file to separate color, grayscale, or monochrome PNG files, creating one PNG file for each page in the PDF. It does this via a c…
When you create an app prototype with Adobe XD, you can insert system screens -- sharing or Control Center, for example -- with just a few clicks. This video shows you how. You can take the full course on Experts Exchange at http://bit.ly/XDcourse.

840 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