INHOUDSOPGAWE:

Hoe voeg ek Google-lettertipes by om te reageer?
Hoe voeg ek Google-lettertipes by om te reageer?

Video: Hoe voeg ek Google-lettertipes by om te reageer?

Video: Hoe voeg ek Google-lettertipes by om te reageer?
Video: Hoe u een Google-lettertype aan een HTML-website kunt toevoegen 2024, November
Anonim

Insluit Google Fonts

Ons Reageer . js-toepassing gebruik 'n enkele HTML-lêer. Gaan voort en wysig publiek/indeks. html en byvoeg die volgende reël in die gedeelte van die HTML om die twee lettertipes in te sluit.

Verder, hoe voeg ek lettertipes by om te reageer?

Laai die af lettertipe van Google na jou rekenaar en maak die zip-lêer oop wat dit was afgelaai in. Skep 'n ' lettertipes ' gids in die wortel- of src-gids van die skep- reageer -toepassingsprojek. Kopieer die lettertipes jy wil gebruik (bv. FiraSans. ttf) in die ' lettertipes ' gids.

Is Google-lettertipes ook gratis vir kommersiële gebruik? Ja, Google fonts is almal gelisensieer vir kommersiële gebruik onder die SIL Ope Lettertipe Lisensie, wat enigiemand toelaat om gebruik hulle -- vir persoonlike EN kommersiële projekte -- vry en duidelik.

Wat dit betref, hoe voer ek 'n lettertipe in react JS in?

In jou Reageer projek, skep 'n gids in jou src-lêergids en noem dit ' lettertipes '. In hierdie gids skep 'n lêer wat jy noem lettertipes . js - dit sal die invoere vir jou bevat lettertipes en sal dit later aan die res van jou toepassing beskikbaar stel.

Hoe koppel ek afgelaaide lettertipes aan HTML?

Die @font-face CSS-reël wat hieronder verduidelik word, is die mees algemene benadering om pasgemaakte lettertipes by 'n webwerf te voeg

  1. Stap 1: Laai die lettertipe af.
  2. Stap 2: Skep 'n WebFont-stel vir kruisblaai.
  3. Stap 3: Laai die fontlêers op jou webwerf op.
  4. Stap 4: Dateer en laai jou CSS-lêer op.
  5. Stap 5: Gebruik die pasgemaakte lettertipe in jou CSS-verklarings.

Aanbeveel: