@Font face or beautiful typography in the web

/ Published in: CSS
Save to your folder(s)

@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.

Copy this code and paste it in your HTML
  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


RSS Icon Subscribe to comments

You need to login to post a comment.