Font Squirrel – CSS3 Fonts

If you need a website with a non-standard font, Font Squirrel is the solution!

The important feature of this website is the @font-face Generator. It let you upload a font from your pc and it generate an archive with your font in different formats and a css file. You need only to put the font files into a folder (such as fonts), copy the css code in your css file.

To use the new font you only need to use the “font-family” property:

@font-face {
    font-family: 'FontName';
    src: url('FontName.eot');
    src: url('FontName.eot?#iefix') format('embedded-opentype'),
         url('FontName.woff') format('woff'),
         url('FontName.ttf') format('truetype'),
         url('FontName.svg#StMarieThin') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { font-family: FontName; }

Google Webfonts

Google Webfonts is a collection of Hundreds of free, open-source fonts optimized for the web.
In just 2 quick steps you can have your special font into your site.

All of the fonts are Open Source, you can make your own collection and your are free to share your favorites with friends and colleagues.

Try to give a look!

Random posts