Font-Face használata
2013.12.28. 21:07

A képen látható egyedi betűstílus úgymond css3 Font-Face-val oldható meg. A dolog úgy oldható meg, hogy miután kiválasztottál egy általad tetsző betűtípust (ilyen oldalak pl. http://www.dafont.com/, http://www.1001fonts.com/) le kell töltened. A letöltött általában .zip fájlt ki kell csomagolnod. Ebben lesz egy általában .ttf , .otf kiterjesztésű fájl, ez a betűtípusod amit letöltöttél. Ezt kell feltöltened egy tárhelyre. Ajánlom nektek a G-portál tárhelyét. A feltöltés után ennek az URL címét kell a követkető css kód részletébe elhelyezned. A Font-Face css kód részlete a következő:
@font-face {
font-family: "Example Font"; /*a betűtípus neve*/
src: url("ide jön a feltöltött betűtípusod URL címe")
}
A font-family résznél adhatod meg a betűtípusod nevét, amivel majd hivatkozni fogsz rá. Tehát, ha mondjuk a modulfejlécednek akarsz egyedi betűt adni, akkor annál a kódrészletnél ezt a nevet kell megadnod a font-family résznél.
Tulajdonképp ennyi lenne az egész. Ha valami nem érthető, akkor nyugodtan kérdezz. :)
|