2 replies [Last post]
Emma
Emma's picture
Offline
Enthusiast
Last seen: 2 years 16 weeks ago
Timezone: GMT+1
Joined: 2005-04-19
Posts: 141
Points: 22

Hi
I see many sites that use nice fonts as headings but am unsure how to do this properly. I tried adding the font into the code, but when it displays it is pixelated and looks too bold. I tried the image replacement technique but there are problems with that too(negative margin, transparency issue etc.)

Does anyone have a good guide on how to style headings properly so they look professional?
thanks
Emma

basement31
basement31's picture
Offline
newbie
Last seen: 2 years 40 weeks ago
Joined: 2011-11-19
Posts: 6
Points: 7

Not entirely sure what you

Not entirely sure what you mean, you can use @font-face which basically allows you to use non web-standard fonts by providing the font files on your server... the website font-squirrel has loads of choices and includes @font-face kits which generate all the necessary files and also the css code.

http://www.fontsquirrel.com/fontface

You can then go about styling the type itself with properties such as

letter-spacing:
word-spacing:
line-height:

etc Smile
hope that helps

Emma
Emma's picture
Offline
Enthusiast
Last seen: 2 years 16 weeks ago
Timezone: GMT+1
Joined: 2005-04-19
Posts: 141
Points: 22

thanks I will give this a

thanks I will give this a try,
cheers
Emma