Inhoudsopgave:

Hoe voeg ik Google-lettertypen toe om te reageren?
Hoe voeg ik Google-lettertypen toe om te reageren?

Video: Hoe voeg ik Google-lettertypen toe om te reageren?

Video: Hoe voeg ik Google-lettertypen toe om te reageren?
Video: How to Add Google Font to HTML Website 2024, November
Anonim

Erbij betrekken Google-lettertypen

Ons Reageer . js-app gebruikt een enkel HTML-bestand. Ga je gang en bewerk public/index. html en toevoegen de volgende regel in de sectie van de HTML om de twee lettertypen op te nemen.

Bovendien, hoe voeg ik lettertypen toe om te reageren?

Download de lettertype van Google naar uw computer en open het zipbestand dat het was gedownload in. Maak een ' lettertypen ' map in de root of src directory van de create- Reageer -app-project. Kopieer de lettertypen die u wilt gebruiken (bijv. FiraSans. ttf) in de ' lettertypen ' map.

Zijn Google-lettertypen ook gratis voor commercieel gebruik? Ja, Google-lettertypen zijn allemaal gelicentieerd voor commercieel gebruik onder de SIL Open Lettertype Licentie, waarmee iedereen kan gebruik maken van hen -- voor persoonlijke AND reclame projecten -- vrij en duidelijk.

Wat dit betreft, hoe importeer ik een lettertype in react JS?

In uw Reageer project, maak een map aan in je src-map en noem deze ' lettertypen '. Maak in deze map een bestand aan dat u aanroept lettertypen . js - dit bevat de invoer voor uw lettertypen en zal ze later beschikbaar maken voor de rest van uw app.

Hoe koppel ik gedownloade lettertypen aan HTML?

De @font-face CSS-regel die hieronder wordt uitgelegd, is de meest gebruikelijke aanpak voor het toevoegen van aangepaste lettertypen aan een website

  1. Stap 1: Download het lettertype.
  2. Stap 2: Maak een WebFont Kit voor cross-browsing.
  3. Stap 3: Upload de lettertypebestanden naar uw website.
  4. Stap 4: Update en upload uw CSS-bestand.
  5. Stap 5: Gebruik het aangepaste lettertype in uw CSS-declaraties.

Aanbevolen: