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

@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

Currently your file size limit is 0.4 MB. For verified users the limit is 2 MB. For unregistered guest users the limit is 0.4 MB. For unverified registered users the limit is 0.5MB. If you want more than these size limits consider upgrading your file size limit here.

Like our font conversion tools and want to make use of it in your projects? Subscribe to our Font Conversion API. No long term contracts, pay as you go and super easy to use REST API.

comments powered by Disqus