[Webinar] Streamline your web hosting managementRegister Today

x
?
Solved

Font and Changing headings

Posted on 2014-02-17
5
Medium Priority
?
292 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 45

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 45

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 45

Accepted Solution

by:
Chris Stanyon earned 1860 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

Learn to develop an Android App

Want to increase your earning potential in 2018? Pad your resume with app building experience. Learn how with this hands-on course.

Question has a verified solution.

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

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
This article outlines the struggles that Macs encounter in Windows-dominated workplace environments – and what Mac users can do to improve their network connectivity and remain productive.
The goal of the tutorial is to teach the user what exposure is and how to use the exposure slider. Analyze the photo that you want to edit, then adjust the exposure slider to your liking.
This tutorial will teach you the special effect of super speed similar to the fictional character Wally West aka "The Flash" After Shake : http://www.videocopilot.net/presets/after_shake/ All lightning effects with instructions : http://www.mediaf…
Suggested Courses

612 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