Cum se utilizează fonturile google api

Cum se utilizează fonturile google api

Toate sanatatea! Astăzi vreau să vă spun cum să utilizați API-ul Google Fonts. pentru a insera fonturile de care aveți nevoie.

Deci, mai întâi, accesați: www.google.com/fonts

În partea stângă puteți vedea filtrul. iar în dreapta sunt exemple de o varietate de fonturi. Alegeți orice doriți. Apoi faceți clic pe butonul de utilizare rapidă.

După aceasta, veți vedea o pagină în care puteți selecta stilurile de care aveți nevoie pentru font.

De exemplu, alegeți un stil normal (400) și îndrăzneț (700).

Mai jos, sub numărul 3. puteți găsi codul de inserat. Prefer să aleg o conexiune la foaia de stil, așa că fac clic pe fila @import. Copiați acest cod.

Acum creați fișierul index.html cu paragraful textului.

Lorem ipsum dolor stați amet, consectetur adipisicing elit. Sape, officia?

Conectați foaia de stil în eticheta capului

În foaia de stil, la începutul fișierului, introduceți codul copiat.

Am ales Open Sans ca un exemplu. El este primul.

Pe pagina cu font, sub figura 4. puteți găsi stilul de care avem nevoie. Noi îl copiem și îl aplicăm paragrafului nostru.

Asta e tot! Acum vă puteți bucura de noul font!

Dar nu uitați că am ales și un stil de grăsime. Pentru ao aplica, trebuie doar să tastați font-weight cu numărul pe care l-ați ales pe site. În cazul meu - 700.

p font-familie: # "Open Sans #", sans-serif;
greutatea fontului: 700;
>

De asemenea, cum ar fi grăsimea, puteți aplica și stilul italic, dacă îl alegeți pe site.

Este atât de ușor de utilizat fonturile Google. În cele din urmă, trebuie doar să spuneți că toate aceste fonturi încarcă site-ul dvs. Pentru a face acest lucru pe site când selectați fontul din dreapta, există un indicator care arată cât va fi încărcată pagina. Asigurați-vă că numărul nu este prea mare și utilizați numai acele fonturi de care aveți nevoie. Nu este necesar să alegeți toate stilurile dintr-o dată, nu este suficient de util.

Deci, asta e tot. Vă mulțumim pentru atenție și vă vom vedea în curând!

Recomanda acest articol prietenilor tai:

Dacă ți-a plăcut site-ul, atunci trimiți un link spre el (pe site-ul tău, pe forum, în contact):

Se pare ca aceasta:

  • Codul BB al legăturilor pentru forumuri (de exemplu, îl puteți pune în semnătură):












  • Trebuie să instalați aceste fonturi și acestea vor funcționa pentru toți clienții?







    Articole similare

    Trimiteți-le prietenilor: