fontface dosen't work

[lingo1357]

Hello,

 

I use ASP.net.

My fontface code is:

@font-face{     font-family: Tahoma;    src: url(../font/Tahoma.ttf );    font-family:Homa;   src: url(../font/Homa.ttf);   font-family:Yagut;   src:url(../font/Yagut.ttf);   font-family:TitrBold;   src:url(../font/TitrBold.ttf); }

then i use these fonts in my css. But it doesn't work!!

What is my mistake? what is wrong with it?

 

thanks

[Ingolme]

I think you need to wrap each font in its own @font-face ruleset.

[lingo1357]

I think you need to wrap each font in its own @font-face ruleset.

 

Thanks for the reply. Can you please explain more?

[Ingolme]

This is what I mean:

@font-face {    font-family: Tahoma;    src: url(../font/Tahoma.ttf );}@font-face {    font-family: Homa;    src: url(../font/Homa.ttf);}@font-face {    font-family: Yagut;    src:url(../font/Yagut.ttf);}@font-face {    font-family: TitrBold;    src:url(../font/TitrBold.ttf);}

[tejasamrute]

@font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */}

 

 

you will need eot,woff,woff2 with ttf to show the desired font in all browsers....you can easily convert ttf to other formats with http://www.everythingfonts.com