Cum să utilizați un font personalizat pe site-ul

Sunteți aici: Pagina principală - CSS - Bazele CSS - Cum să utilizați un font personalizat pe site-ul

Când pagini vorstke din când în când trebuie să se confrunte cu fonturi non-standard. Desigur, utilizați ca site-ul principal nu este necesară, dar în diferitele elemente individuale, de exemplu, în antetul, este foarte posibil. Problema cu aceste fonturi este că pur și simplu nu poate fi pe calculatorul utilizatorului, ceea ce va duce la faptul că el are textul corespunzător va fi afișat în font standard, ca rezultat, care de design va fi rasfatata. Această problemă este rezolvată foarte simplu: toate font non-standard, se taie la fel ca imagine. Cu toate acestea, există un alt mod de a utiliza un font personalizat pe site-ul.

Lasă-mă să scrie CSS-cod. și apoi se va explica:

@ Font-fata font-family: SpecialFont;
src: url ( "font / specialfont.ttf");
>
p font-family: SpecialFont;
>

Ca urmare, etichetele

font va fi aplicat SpecialFont. Cred cod destul de transparent, dar încă mă voi explica. Ai nevoie pentru a obține fontul și încărcați site-ul dumneavoastră, de exemplu, în dosarul de fonturi. Mai departe în registrul CSS-cod în numele @ font-face, iar calea spre ea, și după aceea îl puteți folosi.

Dar nu pentru nimic faptul că, în cele mai multe cazuri, utilizați imagini pentru a afișa fonturi non-standard. Noi folosim @ font-face are 2 dezavantaje:

1. Există o foarte mare fonturi care cantaresc sute de kilobytes, ceea ce va crește dramatic timpul de încărcare a paginii.
2. Un alt minus mai grave. Nu toate browserele suporta acest lucru. Mai mult decât atât, unele browsere au nevoie de fontul într-un format diferit (nu ttf). Astfel, un text tot nu apare. Pentru a rezolva această problemă, este necesar să se descarce același font în diferite formate, ceea ce va consolida primul negativ uneori.

Dar este de remarcat faptul că primul minus nu este atât de principială ca înainte. Deoarece viteza conexiunilor la Internet sunt în creștere foarte rapid, și sunt puțini cei care sunt îngrijorați suplimentare 1-200 KB.

Un alt minus este, de asemenea, nu este atât de principială. Singurii mai mult sau mai puțin populare browsere care nu înțeleg acest cod - este IE8 și mai jos. plus iOS. Toate celelalte browsere moderne vor înțelege codul fără probleme.

Având în vedere că IE8 încă relativ populare, personal, eu încă va afișa fonturi non-standard sunt încă sub formă de imagini. dar sper că în viitorul apropiat, browser-ul va deveni istorie, iar apoi va fi posibil de a utiliza @ font-face și fonturi TTF-.

P.S. Toate femeile vă felicit pentru vacanța de primăvară!