Încărcarea fonturilor non-standard - agenția de tip popel

Ei bine, ai cumpărat un font nou și frumos. Sunteți deja gata, ați înțeles deja că o doriți. Acest lucru nu poate fi oprit. Dorința de a încorpora acest font în site-ul dvs. Non-standard și foarte original.

Așadar, să examinăm aspectul tehnic al acestei probleme, și anume:

Cum se adaugă un font non-standard pe site?

Unele fapte despre tehnologia sIFR:

Conectarea unui font

Conectarea fontului folosind tehnologia sIFR are loc în mai multe etape.

După aceea, copiați conținutul fișierului sIFR-screen.css în stilul dvs. și adăugați codul de înlocuire a fonturilor.

fie în sIFR.js, fie în codul HTML.

CUFón

Un dezavantaj serios al acestei tehnologii este incapacitatea de a extrage textul datorită folosirii etichetei de panza, precum și necesitatea de a specifica o etichetă specifică la inițializarea fontului.

Conectarea unui font

Și în acest caz conexiunea constă din mai multe etape.

Acum este momentul să alegeți ce elemente ale paginii vom înlocui cu fontul nostru non-standard. De exemplu, acesta va fi titlul lui H1:

Asta e tot, destul de ușor și de înțeles.

Toți parametrii care privesc proiectarea textului sunt luați din CSS.

@ font-face

Mo'Bulletproofer este o sintaxă îmbunătățită de @ font-face de Paul Irisha, scrisă de Richard Finko. suferă de o dublă declarație de proprietăți.

Conectarea unui font

Aici totul este simplu: setăm în css numele fontului care va fi aplicat elementelor site-ului, prin familia font-ului.

"Unde pot obține fontul meu preferat în format svg?"

Aici minunatul serviciu FontSquirrel va veni la salvarea ta. și anume generatorul său @ font-face

Google API pentru fonturi

Timpul nostru. Corporation a Binelui

O alternativă și în fiecare zi un serviciu din ce în ce mai popular pentru lucrul cu fonturi non-standard este API-ul Google Font.

Care sunt avantajele API-ului Google Font?

  • Acesta include o selecție de fonturi gratuite (open-source) de înaltă calitate.
  • Funcționează în majoritatea browserelor.
  • Extrem de ușor de utilizat.
  • Deoarece fonturile se află în același loc pe Internet, browserul web le va memora în cache pentru alte site-uri, descărcând o singură dată.

Conectarea unui font

Conectarea fontului cu API-ul Google Font începe cu o călătorie interesantă prin biblioteca de fonturi și selectarea fontului dorit (sau crearea unui set de mai multe, dacă este necesar).

După alegere, ne îndreptăm spre "Utilizare" - următoarea etapă a călătoriei noastre. Pe ecranul de utilizare, vedem câteva blocuri importante:

  1. Bloc pentru selectarea fețelor.

De exemplu, dacă nu sunteți sigur că veți folosi un font bold, dezactivați-l - aceasta va reduce timpul de încărcare a paginii.

  • Blochează cu seturi de simboluri de limbă.

    De exemplu, dacă știți sigur că nu veți folosi chirilicul pe site - ștergeți-l în siguranță din set.

  • Blocul de alegere a modului de încorporare a unui font pe site-ul dvs.
  • Există trei moduri de a încorpora un font utilizând API-ul Google Font:

    Doar adăugați la blocul capului

    Doar adăugați codul în partea de sus a CSS-ului

    Acest cod trebuie adăugat la blocul de cap sau înainte de eticheta de închidere a corpului

    Am analizat tehnicile cele mai relevante pentru încorporarea fonturilor. Puteți alege doar cea mai potrivită - și mai departe, spre exigențele încântătoare de tipografie și varietate de fonturi.

    În acest caz, desigur, nu uitați că fonturile non-standard sunt adesea comerciale. și pentru a le utiliza trebuie să achiziționați o licență.