Posted By

lister on 07/05/11


Tagged


Versions (?)

@Font face or beautiful typography in the web


 / Published in: CSS
 

@Font face or beautiful typography in the web

@Font-face offers a great way to use non web safe fonts in your web projects. While this snippet works, we strongly recommend you to use the Font Squirrel Font Face Generator. Not all browsers supports all types of fonts:

Internet Explorer only supports EOT
Mozilla browsers support OTF and TTF
Safari and Opera support OTF, TTF and SVG
Chrome supports TTF and SVG.
  1. @font-face {
  2. font-family: 'Graublau Web';
  3. src: url('GraublauWeb.eot');
  4. src: local('☺'),
  5. url('GraublauWeb.woff') format('woff'), url('GraublauWeb.ttf') format('truetype');
  6. }
  7. /* How to use it */
  8. body {
  9. font-family: Chunkfive, Georgia, Palatino, Times New Roman, serif;
  10. }

Report this snippet  

You need to login to post a comment.