@font-face

The fastest, easiest and the simplest @font-face generator in the world. Convert your fonts to webfonts in a blink.

The @font-face CSS at-rule allows authors to specify online fonts to display text on their web pages. 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. Unfortunately different browsers understand differnt font types. This service allows you to generate css rule and font files that makes your font work in all the browsers that support font-face or webfonts.

Select fileChange ×

@font-face

<html>
<head>
 <style type="text/css" >
   @font-face {
    font-family: 'Sri-TSCRegular';
    src: url('sri-tsc-webfont.eot');
    src: url('sri-tsc-webfont.eot?#iefix') format('embedded-opentype'),
         url('sri-tsc-webfont.woff') format('woff'),
         url('sri-tsc-webfont.ttf') format('truetype'),
         url('sri-tsc-webfont.svg#Sri-TSCRegular') format('svg');
    font-weight: normal;
    font-style: normal;
   }
   body { font-family: "Sri-TSCRegular", serif }
  </style>
</head>
<body>
  This is Sri-TSCRegular.
</body>
</html>
  
@font-face {
  [font-family: <family-name>;]?
  [src: [ <uri> [format(<string>#)]? | <font-face-name> ]#;]?
  [unicode-range: <urange>#;]?
  [font-variant: <font-variant>;]?
  [font-feature-settings: normal|<feature-tag-value>#;]?
  [font-stretch: <font-stretch>;]?
  [font-weight: <weight>];
  [font-style: <style>];
}
Internet Explorer(all)Safari(3.2+)iPhone(3.1)Chrome(all)Firefox(3.5+)Opera
EOT TTF / OTF SVG SVG / TTF / OTF TTF / OTF / WOFF TTF / OTF
comments powered by Disqus