Posted By

adrianparr on 10/09/12


Tagged

css font fonts src font-family svg font-face face ttf truetype EOT woff opentype embedded-opentype


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

spee66


CSS @font-face Example


 / Published in: CSS
 

URL: http://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax

Font Squirrel is a great place to convert your fonts to the different formats required.

http://www.fontsquirrel.com/fontface/generator

  1. @font-face{
  2. font-family: 'MyWebFont';
  3. src: url('WebFont.eot');
  4. src: url('WebFont.eot?#iefix') format('embedded-opentype'),
  5. url('WebFont.woff') format('woff'),
  6. url('WebFont.ttf') format('truetype'),
  7. url('WebFont.svg#webfont') format('svg');
  8. }
  9.  
  10.  
  11. /* <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" /> */

Report this snippet  

You need to login to post a comment.