Betűkészletek használata HTML oldalakon

Web, mail, IRC, IM, hálózatok

Sziasztok!

Ezt egy másik fórumban is leírtam, de az ott off-topic, itt meg hátha többen látják.

Minap láttam ezt a cikket az Index-en: http://index.hu/belfold/2012/07/24/rovasiras/

A cikk címsorában rovásjeleket használnak. Kérdem én, hogyan? Ameddig visszafejtettem a cikk.css-t (ami ugye nem nagy mutatvány), abból az derül ki, hogy a .rovasiras-hoz hozzárendeltek egy 'Rovas' betűcsaládot. Na de ez meg hogyan? Van nekik valami TTF-jük, felnyomták a szerverre, a böngészőm meg azt is letölti, és így jeleníti meg?

A technikai megoldásról tudna valaki bővebb magyarázatot adni?

Köszönöm, Cözi

  • 3495 megtekintés

( mauzi v | 2012. 07. 24., k – 21:25 )

> Van nekik valami TTF-jük, felnyomták a szerverre, a böngészőm meg azt is letölti, és így jeleníti meg?

Üdvözöllek a CSS3 csodálatos világában.

sot, mi tobb, google webfonts-rol beinclude-olod, vagy lelicenszeled a webfonts.fonts.com-rol, es a ttf-fel se kell foglalkoznod.

Egy hatranya van, teszteld árvíztűrő tükörfúrógépre elotte (esetleg öt szép szűz lány őrült írót nyúz).

Ha meg ekezetesiteni kell a ttf-et, akkor fontlabs, fizetos, a volt cegemnel megvettuk egyszeruen, masra is kellett.

IE miatt erdemes kulon behivatkozni az italic-ot, meg a bold-ot mas font family-re, es radefinialni em-re meg strong-ra (esetleg i-re es b-re is), cikk itt: http://www.smashingmagazine.com/2012/07/11/avoiding-faux-weights-styles…

Smashing Magazine amugy font ugyekben egesz hasznos tud lenni ilyen periferias erdeklodesu embernek mint en, de rendes melohoz kell fontkatalogus...

( Fisher v | 2012. 07. 24., k – 21:43 )

Hászen benne van a forrásba': 

@font-face{font-family:'Rovas';src:url(http://index.hu/assets/images/../fonts/rovas.eot);src:url(http://index.hu/assets/images/../fonts/205F40_0_0.eot?#iefix) format( 'embedded-opentype' ),
url(http://index.hu/assets/images/../fonts/rovas.woff) format( 'woff' ),
url(http://index.hu/assets/images/../fonts/rovas.ttf) format( 'truetype' ),
url(http://index.hu/assets/images/../fonts/rovas.svg#rovas) format('svg')}

Innen kezdve csak google kérdése az egész. Meg amúgy is.

( Dacr (nem ellenőrzött) | 2012. 07. 25., sze – 01:13 )

Aztán ha elkészültél a művel, javaslom megnézni egy XP-ben, s szörnyülködni vala a "szőrös" fontok miatt.