Taula de continguts:

Com afegeixo fonts de Google per reaccionar?
Com afegeixo fonts de Google per reaccionar?

Vídeo: Com afegeixo fonts de Google per reaccionar?

Vídeo: Com afegeixo fonts de Google per reaccionar?
Vídeo: Собаку бросили в лесу с коробкой макарон. История собаки по имени Ринго. 2024, Abril
Anonim

Incloure Fonts de Google

El nostre Reacciona . js utilitza un únic fitxer HTML. Aneu endavant i editeu públic/índex. html i afegir la línia següent a la secció de l'HTML per incloure els dos tipus de lletra.

A més, com afegeixo fonts per reaccionar?

Descarrega't el Font de Google al vostre ordinador i obriu el fitxer zip que era descarregat a. Crea un tipus de lletra ' al directori arrel o src de la carpeta crea- reaccionar -projecte d'aplicació. Copia el tipus de lletra voleu utilitzar (p. ex., FiraSans. ttf) al ' tipus de lletra ' directori.

A més, els tipus de lletra de Google són gratuïts per a ús comercial? Sí, Fonts de Google tots tenen llicència ús comercial sota l'Open SIL Font Llicència, que permet a qualsevol utilitzar ells -- per personal AND comercial projectes -- lliure i clar.

Respecte a això, com importo un tipus de lletra a react JS?

En el teu Reacciona projecte, creeu una carpeta a la vostra carpeta src i poseu-hi el nom tipus de lletra '. En aquesta carpeta creeu un fitxer al qual truqueu tipus de lletra . js - això contindrà les importacions per al vostre tipus de lletra i més tard els posarà disponibles per a la resta de l'aplicació.

Com enllaço els tipus de lletra baixats a HTML?

La regla CSS @font-face que s'explica a continuació és l'enfocament més comú per afegir fonts personalitzades a un lloc web

  1. Pas 1: Baixeu el tipus de lletra.
  2. Pas 2: creeu un kit de fonts web per a la navegació creuada.
  3. Pas 3: carregueu els fitxers de tipus de lletra al vostre lloc web.
  4. Pas 4: actualitzeu i pengeu el vostre fitxer CSS.
  5. Pas 5: utilitzeu el tipus de lletra personalitzat a les vostres declaracions CSS.

Recomanat: