@font-face, kombinacije fontova

[ mish_ns @ 21.02.2011. 18:49 ] @

Pozdrav svima...

Kada koristite @font-face i na koji nacin ga upotrebljavate?
Koja kombinacija fontova vam se cini kao najbolja za vecinu browsera?

Hvala.

[ Aleksandar Ružičić @ 22.02.2011. 00:00 ] @

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

[ mish_ns @ 01.03.2011. 08:07 ] @

Hvala puno na odgovoru... ;)

Evo jedan dobar sajt za konverziju fontova
http://www.fontsquirrel.com/fontface/generator

_{[Ovu poruku je menjao mish_ns dana 01.03.2011. u 17:50 GMT+1]}

[ Cola @ 20.04.2011. 12:46 ] @

Upravo sam na navedeni sajtom gererisao ove fajlove poslao sam font SketchFlow (iz Win 7 ne znam da li ga imaju ostali) jer mi se on sviđa izgleda kao rukopis. Podržava naša slova, međutim da li konverzijom ili čime već izgubi naša slova? Zašto ?

[ SStudio @ 20.04.2011. 14:51 ] @

Imaš u expert modu Custom Subsetting... opciju pa ispod odaberi serbian