A betűtípus a webdesign szerves része, megkülönböztető stílust ad a webhelynek. Az oldalon található jó minőségű szövegnek harmonikusnak kell lennie, kombinálva kell lennie a webhely többi elemével, és ezzel egyidejűleg hozzá kell járulnia az információk jobb megértéséhez. A HTML jelölés és CSS lépcsőzetes táblázatok segítségével szinte bármilyen beállítást testre szabhat az oldal teljesítményének maximalizálása érdekében.
Szükséges
betűtípus fájl TTF formátumban
Utasítás
1. lépés
A számítógépére telepített betűkészlet használatához használhatja a lépcsőzetes stíluslapok font-family paraméterét. Ehhez írja be a kívánt kódhoz a következő kódot:
Szöveg
Ez a parancs megjeleníti az Arial betűtípus második h2 fejlécét.
2. lépés
Ha saját betűtípust szeretne használni, először fel kell töltenie azt a tárhelyre, és engedélyeznie kell a megfelelő paranccsal. A TTF fájlokat a következő parancs tartalmazza:
A font-family attribútum ebben az esetben a betűtípus nevét adja meg, az src: url (font.ttf) pedig a TTF fájl elérési útját.
3. lépés
Az elem engedélyezése után felhasználhatja a szöveg megjelenítésére:
Szöveg
Ez a parancs felelős a szükséges betűtípus betűkészletben történő megjelenítéséért a második szint fejlécében. Ha a felhasználó böngészője nem támogatja a TTF fájlok kezelését, akkor az első vessző (ebben az esetben a Verdana) után megadott rendszer betűtípust kell használni.
4. lépés
Néhány böngésző nem támogatja a letölthető TTF-et. Például az Internet Explorer 8 az EOT formátumot használja a szöveg megjelenítéséhez. Ilyen böngészők esetén konvertálja az eredeti TTF-et több szolgáltatás használatával, és az így kapott betűtípust ugyanúgy vegye fel a @ font-face paraméterbe.
5. lépés
Ha egy másik erőforrásból szeretné importálni a szükséges fájlt, használja az @import parancsot, amelyet a CSS-dokumentum tetejére kell írni:
@import url (https:// font_address)
