2015. január 9., péntek

CSS – egyedi betűtípus


Mérei Tamás webdesigner webodalán találtam a következő hasznos CSS megoldást egyedi betűtípusokhoz.

Először is töltsük fel a használni kívánt betűtípust és az elérhetőségét jegyezzük meg.

A sablonunk .css fájljába másoljuk be a következő sorokat:
@font-face {
font-family: az-en-betum;
src: url('betutipus-helye.otf');
}
A nevezzük el a feltöltött betűtípusunk: az-en-betum
és adjuk meg az elérését: betutipus-helye.otf

Majd (pl.: H1-nél) alkalmazzuk:

h1 {
font-family: az-en-betum;
}

Mérei Tamás videót is készített:

Nincsenek megjegyzések:

Megjegyzés küldése