EOT (za IE) a za ostale OTF, npr:
Code:
@font-face {
font-family: MyFontFamily;
src: url(../fonts/MyFont.eot);
}
@font-face {
font-family: MyFontFamily;
src:url(http://:/) format("No-IE-404"),url(../fonts/MyFont.otf) format("opentype");
}
ovo No-IE-404 je da IE ne bi pravio dodatni http request da dohvati otf file jer ce ga u svakom slucaju odbaciti (ne podrzava taj format). vise o ovome imas na
http://readableweb.com/mo-bulletproofer-font-face-css-syntax/
sto se samo EOT-a tice, konverziju iz TTF -> EOT vrsim pomocu FontForge-a i
eotfast-a.
koristio sam ovaj pristup na par mesta i radi super.
skoro je "izasla" nova kombinacija:
Code:
@font-face {
font-family: 'fishyfont';
src: url('fishyfont.eot?iefix') format('ie9-skip-eot'),
url('fishyfont.woff') format('woff'),
url('fishyfont.ttf') format('truetype'),
url('fishyfont.svg#svgFontName') format('svg');
}
vise detalja na
http://readableweb.com/new-font-face-syntax-simpler-easier/, ali ovo nisam jos uvek isprobao i nisam koristio ni na jednom projektu tako da nemam komentara..
Potpis
