Egyedi fontok alkalmazása

[efraim]

Sokan szeretnének a netről ingyenesen letölthető - vagy akár saját készítésű - fontokat alkalmazni az oldalukon, de hiába írják be a CSS-be a kívánt fontot, ha az a font nincs telepítve a felhasználó számítógépén, akkor nem is fog megjelenni.
Nos erre a problémára is van megoldás:
1,/Hozzunk létre egy "font" nevű könyvtárat a root directoryban és helyezzük el benne a font fájlját.
2,/ A CSS-ben inicializáljuk a fontot (vagy fontokat)

Kód: [Kijelölés]

@font-face
{
        font-family: "AZONOSITONEV";
        src: url("http://www.domainod.hu/font/font-neve.ttf")
}
3,/ Azután, ahová kell

Kód: [Kijelölés]

. vagy #divneve {
    font-family: AZONOSITONEV;
    font-size: XXpx;
    font-weight: bold;
    color: #XXXXXX;
    text-decoration: none;
}Az X helyére természetesen a megfelelő számot kell írni

[silvertom]

Azt hiszem ezzel csak egy gond van, nem megy IE alatt (legalább is 7-es ig)...
De ha igen akkor szólj, mert én csak ezért nem használom...

[efraim]

Nekem 6-os van, nem frissítettem, mert soha nem használom, azzal nem működik.

[SPétör]

Jó tipp! Akkor most megy vagy nem megy IE-vel? silvertom?

[silvertom]

legjobb tudomásom szerint nem. IE6-al biztosan, ez most ki lett próbálva, én korábban néztem a 7-est, de nem emlékszem biztosan,
8-asban pedig még soha nem néztem, majd januárban.
Nekem úgy rémlik, hogy ez egy ismert css3 / html5 feature, amit a Mikrofos jó szokása szerint kihagyott.
(ugye IE8-ig nagy ívben tojtak a css3-ra...)

[SPétör]

Van valahol egy oldal, amin ezt meg lehet nézni működés közben? Azt hiszem IE8-am van a Win7-en...