Solved

Font and Changing headings

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
PaperPort 14.5 Patch 1 update is often not detected or downloaded automatically. This article provides direct download links to solve the problem for retail (non-bundled) versions of the Standard and Professional editions, as well as the Professiona…
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 :
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

895 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now