Határon böngésző add harmadik fél font - helyszíni

Egyszer írt egy hosszú ideig ezen a blogon, hogyan kell hozzáadni a CSS fájl csatlakozni harmadik fél OTF -shrifta az oldalon. Akkor ez a megoldás tűnt ideális, de mint kiderült, nem minden böngésző tudja megérteni. Természetesen, ahogy a technológia halad előre, néhány évvel a WEB-technológiák nem használhatók TTF -shrifty, de most élőben, és a helyszínek kell csinálni ma.

Szóval kellett keresni egy elegáns megoldás az lenne igazán cross-böngésző kompatibilitási és mindenhol működik, az új verzió a Google Chrome és befejezve a régi verziójú Internet Explorer 6.

Egy kis kitérő

Szeretnék megosztani egy kis veletek a főbb pontokat, amelyeket meg kell érteni, majd egy harmadik fél betűtípusok a webhelyen.

1. A méretnövekedés (kilobyte-ban) az oldal. Meg kell érteni, mint egy pár szép, orosz nyelvű betűtípus, csatlakozik a CSS fájl teljesen kedvét a következő látogató az oldalon. A törekvés számos elfelejteni a szép, a helyszínen - egy olyan információs forrás, hogy az emberek jönnek gyakrabban tájékoztatás (vannak olyan helyek, amelyeket nem tett erre, de most nem róluk szól), és ha nem nagyon speciális, egyedi helyet (egyfajta aranyrög Internet), és az egyik millió a helyszínek, hogy próbálja kiütni egy hely a nap alatt.
2. Ha lehetséges, ne használja, harmadik fél betűtípusok. Ez az elképzelés A fentiekből következik. Van egy csomó jó betűtípusok, amelyek segítségével a honlapon minden további nélkül probléma. Ha kell, hogy egy pár szót, vagy statikus fejlécek az oldalon, majd csatlakozik a kedvéért „idegen” font - ez nem jó. Végre hasonló lesz könnyebb használni, mint a fejléc grafika.
3. Csak egy egyoldalas nyomtatásban. Annak érdekében, hogy egy szép weboldal, ne próbálja felvenni az egészet egyszerre megtalálta a betűtípus tetszik. Leggyakrabban a hangsúly csak egyetlen, amelyet hangsúlyozni bizonyos pontokat a webhelyen.
4. Minden operációs rendszer font simítjuk másképp. Sajnos, csak néhány „idegen” operációs rendszer betűtípusok csak undorító nézni, anélkül, hogy a legcsekélyebb anti-aliasing. Különösen ez a bűn a Windows operációs rendszert. Ha a „natív” kisimítja a Windows betűtípusok normális, harmadik féltől származó operációs rendszerrel ez nagyon nagy probléma. Ezért, mielőtt véglegesen dönt a betűtípus, meg kell nézni őket a különböző operációs rendszereken.

Itt van 4 szabályokat kell érteni, mielőtt csatlakoztatja a font. Ha továbbra is szeretne csatlakozni a honlapon harmadik fél betűtípusok, hogy a látogató a honlapon nem, akkor ez jobb.

Csatlakoztassa a megfelelő betűtípus

Mindenesetre okos könyv időgazdálkodás azt írta, hogy ha nem tudja, vagy nem akarja megtenni mindent magad, kérjen meg valakit, hogy csináld. Ez önmagában nem teszi elég fárasztó és unalmas feladat, a legegyszerűbb, hogy egy speciális web-szolgáltatás, amely letölthető a betűtípus teszi az összes szükséges betűtípusok, formázza és megjeleníti a megfelelő, érvényes és ami a legfontosabb, a CSS-kódot, hogy kijavítsa a webhelyére.

Ez a szolgáltatás az úgynevezett polgári és ő fontsquirrel.com:

Annak ellenére, hogy a webhely angol nyelvű, és nagyon könnyű vele dolgozni vele:

1. Letölthető betűtípusok kattintva a fontokat;
2. ha meg akarja változtatni a módot kialakulásának optimális szakértői .... de boldog voltam mindennel és így;
3. hogy egy jelölőnégyzetet a piros betűkkel, és nyomja meg a Download Az Kit és ennyi.

A letöltött archívum stylesheet.css fájlt. ahol van egy CSS-kódot. Add, hogy a CSS fájlt a webhelyen.

@ Font-face font-family: 'FlowerNormal';
src: url ( 'flower-webfont.eot');
src: url ( 'flower-webfont.eot #iefix?) méret ( 'beágyazott Opentype-'),
url ( 'flower-webfont.woff) formátumban ( 'WOFF')
url ( 'flower-webfont.ttf) méret (TrueType),
url ( 'flower-webfont.svg # FlowerNormal) méret (svg');
font-weight: normal;
font-style: normal;
>

ahol a virág - ez a neve a betűtípus, amely kezdetben;
FlowerNormal - a neve a betűtípus, amelyet fel lehet használni a jövőbeli fejlődése az oldalon.

Minden fájl, hogy jelen vannak az archívumban, és a fent hivatkozott egy html-kódot kell helyezni abban a könyvtárban, ahol a CSS fájlban.

Ebben a fajta minden.

Ui A termelékenység munkánk veled, mint webmester, olyan volt, mindig a tetején, akkor létre kell hozni egy kényelmes környezetben körül a munkaterületet. Az első dolog, amit meg kell vásárolni egy lámpa, amely teljes mértékben megfelel nekünk, mint egy fényforrást tartalmaz. Bár a munka webmesterek - ez 90% -a az időt dolgozik a számítógépen, de a világítás a szobában eléggé magasnak kell lennie. Ügyelve a személyes kényelem és az egészség - az elsődleges feladata minden webmester.