Beágyazása egyéni betűtípusokat - Popel iroda

Hát most vettem egy új és szép font. Most már készen áll, tudja, akarja ezt. Ez nem hagyja abba. A vágy, hogy építeni ezt a betűtípust a honlapon. A meglepő és nagyon eredeti.

Tehát nézzük meg a technikai oldala a kérdés, nevezetesen:

Hogyan adjunk egyéni betűtípust a weboldal?

Néhány tény a sIFR technológia:

Csatlakozó font

Csatlakozó betűkészletet sIFR technológiával zajlik több lépcsőben.

Ezután másolja a tartalmát a sIFR-screen.css fájlt a stílus és adjunk hozzá egy betűtípus-helyettesítési kódot.

vagy sIFR.js, akár a HTML kódot.

Cufón

A fő hátránya ennek a technológiának az a képtelenség, hogy jelölje ki a szöveget a használat vászon tag, valamint annak szükségességét, hogy meghatározza egy adott címke a szöveg inicializálás.

Csatlakozó font

És ebben az esetben, a kapcsolat több szintből áll.

Most itt az ideje, hogy melyik elem az oldal, mi váltja a nem-szabványos betűtípusok. Például, ez lesz a fejléc H1:

Ennyi elég egyszerű és egyértelmű.

Minden vonatkozó paramétereket a regisztráció a szöveget ki kell venni a CSS.

@ Font-face

Mo'Bulletproofer - speciális szintaxis @ font-face Paul ír, tagjai Richard Fink. szenved kettős nyilatkozatot tulajdonságait.

Csatlakozó font

Ez egyszerű: mi meg a css betűtípus nevét, amely alkalmazható az elemek egy webhelyen font-family.

„Hol kapom kedvenc font SVG formátumban?”

Akkor jön a támogatás méltó szolgáltatás FontSquirrel. - azaz a generátor @ font-face

Google API betűtípus

Időnk. jó Corporation

Alternatív és napról-napra egyre népszerűbb szolgáltatás dolgozni nem szabványos betűtípusok a Google betűtípus API.

Mi az a Google betűtípus API előnyei?

  • Ez magában foglalja a válogatott magas minőségű ingyenes (nyílt forráskódú) betűtípusokat.
  • Úgy működik a legtöbb böngészőben.
  • Rendkívül könnyen használható.
  • Mivel a betűk ugyanazon a helyen az interneten, a böngésző cache azokat más oldalakon letöltésével csak egyszer.

Csatlakozó font

Csatlakozó a betűtípus használatával Google betűtípus API kezdődik egy lenyűgöző utazás a könyvtáron keresztül a betűtípusok, és válassza ki a betűtípust (vagy hozzon létre egy sor több, ha szükséges).

Miután a választás, haladunk tovább a „használat” - a következő lépés utunk. A képernyőn látjuk a használatát néhány fontos alkotóeleme van:

  1. Blokkválasztásra rajzolatát.

Például, ha nem biztos benne, hogy akkor használja a félkövér betűtípust, egyszerűen kapcsolja ki - ez csökkenteni fogja az oldalak betöltési ideje.

  • Egység nyelv karakterkészletű.

    Például, ha tudod, hogy nem fogja használni a cirill ábécé Online - biztonságos átkelésre ki azt a készüléket.

  • beágyazó kiválasztásának módszere blokk font a honlapon.
  • Háromféle módon lehet beágyazni a betűtípust használja a Google betűtípus API:

    Csak hozzá a blokk vezetője

    Csak add meg a kódot, hogy a tetején a CSS

    Ezt a kódot kell hozzáadni az eszköz fejét vagy a záró body tag

    Nos, mi tekinthető a leginkább aktuális betűbeágyazást technológia. Csak ki kell választani a legmegfelelőbb - és előre, a lélegzetelállító kiterjedésű tipográfia és a font változás.

    Ugyanakkor, persze, ne felejtsük el, hogy a nem szabványos betűtípusok gyakran kereskedelmi. valamint használatuk licenc megvásárlására.