3

I am trying to embed my custom font in my website, got a link folder from http://www.fontsquirrel.com/fontface/generator this site after uploading a font on this site, it gives me this CSS:

@font-face {
    font-family: 'VoltaEFTU-Regular';
    src: url('voltaeftu-regular-webfont.eot');
    src: local('☺'),
    url('voltaeftu-regular-webfont.woff') format('woff'),
    url('voltaeftu-regular-webfont.ttf') format('truetype'),
    url('voltaeftu-regular-webfont.svg#webfonttKmU3jX8') format('svg');
    font-weight: normal;
    font-style: normal;
}

But it's not working on my machines. How can I embed a font in my website?

Thanks Mayur Mate

CrazyMatt
  • 501
  • 1
  • 4
  • 12
Mayur
  • 2,835
  • 6
  • 27
  • 27
  • 1
    possible duplicate of [How to embed fonts in HTML?](http://stackoverflow.com/questions/220236/how-to-embed-fonts-in-html) – Darin Dimitrov May 27 '10 at 05:51
  • The keywords are in the title of your question. Just type them in some search box like: google, stackoverflow, no matter, you will find it. – Darin Dimitrov May 27 '10 at 05:51

2 Answers2

2

If I were doing it, I would take a look at how the Google Font API works…

David Wolever
  • 148,955
  • 89
  • 346
  • 502
  • Thnaks Evry one i use a js to convert this font. by using following website....... http://typeface.neocracy.org/usage.html – Mayur May 27 '10 at 06:42
1

@font-face code looks correct, but if you want use this font example in <p> you must use font-family: 'VoltaEFTU-Regular'; in this element. Look into generated demo.html file.

dikamilo
  • 617
  • 7
  • 7