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
  • 431
  • 1
  • 4
  • 12
Mayur
  • 2,647
  • 6
  • 26
  • 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

3 Answers3

2

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

David Wolever
  • 139,281
  • 83
  • 327
  • 490
  • 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
  • 577
  • 7
  • 7
-3

otherwise..you can download the fonts at www.1001fonts.com and install it in "Fonts" located in Windows folder..then generate a font-face using "transfonter.com" and use it in your website..if you are using the same font many times in the future,its better to have that font in your default fonts list!

Nag
  • 698
  • 1
  • 12
  • 24