Want to get away from ‘Web Safe’ fonts for some attractive headers AND do it without using an image? Use CSS 3 and embed a font-face! @font-face is not strictly speaking ‘CSS3′; it was originally born in CSS 2 and although not appearing in CSS 2.1, CSS 3 is attempting to bring it into the standards.
In order to use a font, we first must call it using the ‘@font-face’ attribute and this must be done for each individual font we wish to use. Although I’m sure you have a few, you can download some fonts to experiment with here, at dafont.com.
In order to embed a font for use in CSS, you need to use the @font-face CSS.
Each @font-face font kit come with:
NOTE: If you download a @font-face kit from this page, you will get the MacRoman subset. If you would like a different subset, click the “View Font” link and choose the @font-face kit there. You will have a lot more options.
A good website to get prepackaged fonts for @font-face use is www.fontsquirrel.com/fontface. You can also download fonts from dafont.com and use converter in order to turn true type fonts into open type fonts.
Enjoy the post? Share it to your friends.
Get the latest articles and updates.
Vector Graphics | Stock Photos | Photoshop Tutorial | Design Inspiration | Infolinks 2011
by 
August 13, 2011 at 4:26 pm
Use Css font for internet explorer
[Reply]
October 16, 2011 at 6:58 pm
This is great. I’m new to this so can you share the details about this?
[Reply]
October 18, 2011 at 1:34 pm
Hi! Michael!
very nice post, i certainly love this website, keep on it.
[Reply]
October 18, 2011 at 1:37 pm
Hello!
Very nice post about embedded css fonts.
Its very useful for professional designers.
[Reply]
March 31, 2012 at 2:13 am
This is interesting and it is quite logical but the point is with previous versions of IE.. its a big pain…
[Reply]
April 2, 2012 at 4:11 pm
Nice share.
What a great post! I really enjoyed.
Thank you for sharing this valuable information with us.
I Learned most From Your Site.
[Reply]
April 18, 2012 at 8:36 am
Great man, I am a designer and I thought This issue will never be solved until unless the operating system start providing some beautiful fonts, always have to kill my typography skills !
[Reply]
April 22, 2012 at 5:36 pm
I was searching for this and finally found that. This is really good article and very much helpful. Thank you for sharing this. Keep it up all time.
[Reply]
May 13, 2012 at 3:11 pm
thank you from egyptain freind
[Reply]
May 17, 2012 at 9:28 pm
does this thing works with IE, Firefox and Chrome?
[Reply]
Michael Reply:
June 30th, 2012 at 12:57 am
Yes. This should work with different browsers.
[Reply]
May 21, 2012 at 4:54 pm
Wow, very good list. Just what I needed for my freelance work. Fontsquirrel is awesome, I love the frontface designs!
[Reply]
May 30, 2012 at 9:36 pm
Thanks for great information you write it very clean. I am very lucky to get this tips from you Garhwali Songs
[Reply]
May 31, 2012 at 10:15 pm
Wow! so nice information i got from here. it is a great blog i ever seen . i like it . good luck for you the admin.
[Reply]
June 13, 2012 at 2:21 pm
Interesting. I need it! Thanks so much!
[Reply]
June 14, 2012 at 8:18 pm
Great looking stuff you can make with that. Is there anything CSS can’t do?
[Reply]
June 29, 2012 at 5:23 pm
Hello,
I really like this, but I personally use The Google Webfonts. Thank you anyways for the tips! Greetings from Germany!
[Reply]
July 4, 2012 at 6:36 pm
Wow! so nice informative post it is. I got so much information from this post. Good luck the admin! It is one of the great posts. i was in search of such kind of information since long. i am happy to find mine required information here.Please continue your struggle in this regard. Tnks the admin!
[Reply]
July 14, 2012 at 6:17 pm
Awesome post! And thank you for providing for providing the site links for the best fonts download. Until i read this post i’ve no idea about it
[Reply]
September 20, 2012 at 9:44 pm
Interesting post, I am a web developer and I use css3 for cross browsers. Sometimes I face problems for header fonts according to client’s requirement. Thanks for sharing, now I use fonts according to client’s requirements for headers as well as content.
Thanks
[Reply]