2009 09.21
A variation of fonts that can be used when implementing @font face
A good article about using custom fonts in modern browsers for your new web designs.
So what is @font-face?
@font-face is a CSS rule that allows you to upload a font and link to it from your style-sheet, allowing users accessing your site to view it.
Mozilla’s explanation of @font-face:
“@font-face allows authors to specify online fonts to display text on their webpages. By allowing authors to provide their own fonts, @font-face eliminates the need to depend on the limited number of fonts users have installed on their computers.” – mozilla
An example syntax you would use would be:
- @font-face {
- font-family: MyNeoSans;
- src: local("Neo Sans Light"),
- local("Neo-sans-light"),
- url(myNeoSans.ttf);
- font-weight: bold;
- }
Find the article over at http://spyrestudios.com/
Another article explaining @font-face in depth
I always find this very useful when using @font-face:
http://allcreatives.net/2009/12/05/jquery-plugin-ie-font-face-cleartype-fix/
It sorts out the pixelated edges you get it the dreeded IE