Cuprins:

Cum adaug fonturi Google pentru a reacționa?
Cum adaug fonturi Google pentru a reacționa?

Video: Cum adaug fonturi Google pentru a reacționa?

Video: Cum adaug fonturi Google pentru a reacționa?
Video: REACT TUTORIAL - ADD GOOGLE FONTS TO PROJECT #3 2024, Noiembrie
Anonim

Include Fonturi Google

Al nostru Reacţiona . js folosește un singur fișier HTML. Continuați și editați public/index. html și adăuga următoarea linie din secțiunea HTML pentru a include cele două fonturi.

În plus, cum adaug fonturi pentru a reacționa?

Descărcați font de la Google pe computer și deschideți fișierul zip care a fost descărcat in. Creați un „ fonturi folderul din directorul rădăcină sau src al fișierului de creare reacţiona - proiect aplicație. Copiați fonturi doriți să utilizați (de exemplu, FiraSans. ttf) în „ fonturi 'directorul.

De asemenea, fonturile Google sunt gratuite pentru uz comercial? Da, Fonturi Google sunt toate licențiate pentru uz comercial sub SIL Open Font Licență, care permite oricui utilizare ei -- pentru personal AND comercial proiecte -- liber si clar.

În acest sens, cum import un font în react JS?

În dumneavoastră Reacţiona proiect, creați un folder în folderul dvs. src și numiți-l fonturi '. În acest folder creați un fișier pe care îl apelați fonturi . js - acesta va conține importurile pentru dvs fonturi și le va pune ulterior la dispoziție pentru restul aplicației dvs.

Cum conectez fonturile descărcate la HTML?

Regula CSS @font-face explicată mai jos este cea mai comună abordare pentru adăugarea de fonturi personalizate pe un site web

  1. Pasul 1: Descărcați fontul.
  2. Pasul 2: Creați un kit WebFont pentru navigare încrucișată.
  3. Pasul 3: Încărcați fișierele cu fonturi pe site-ul dvs. web.
  4. Pasul 4: Actualizați și încărcați fișierul CSS.
  5. Pasul 5: Folosiți fontul personalizat în declarațiile dvs. CSS.

Recomandat: