Turinys:

Kaip pridėti „Google“šriftus, kad reaguotų?
Kaip pridėti „Google“šriftus, kad reaguotų?

Video: Kaip pridėti „Google“šriftus, kad reaguotų?

Video: Kaip pridėti „Google“šriftus, kad reaguotų?
Video: Using Fonts in Next.js (Google Fonts, Local Fonts, Tailwind CSS) 2024, Balandis
Anonim

Įtraukti „Google“šriftai

Mūsų Reaguoti . js programa naudoja vieną HTML failą. Eikite į priekį ir redaguokite viešą / rodyklę. html ir papildyti kitą eilutę HTML skiltyje, kad įtrauktumėte du šriftus.

Be to, kaip pridėti šriftų, kad sureaguočiau?

Atsisiųskite šriftas iš „Google“į kompiuterį ir atidarykite zip failą atsisiųstas in. Sukurti šriftus ' aplanką, esantį šakniniame arba src kataloge reaguoti -programėlės projektas. Nukopijuokite šriftus norite naudoti (pvz., FiraSans. ttf) į „ šriftus ' katalogą.

Be to, ar „Google“šriftai yra nemokami komerciniam naudojimui? taip, Google šriftai visi yra licencijuoti komercinis naudojimas pagal SIL Open Šriftas Licencija, leidžianti bet kam naudoti jiems -- asmeniniams IR komercinis projektai -- Laisvas ir aišku.

Kalbant apie tai, kaip importuoti šriftą į react JS?

Jūsų Reaguoti projektą, sukurkite aplanką savo src aplanke ir pavadinkite jį šriftus “. Šiame aplanke sukurkite failą, kurį skambinate šriftus . js – jame bus jūsų importuojami produktai šriftus ir vėliau padarys juos pasiekiamus likusiai jūsų programos daliai.

Kaip susieti atsisiųstus šriftus su HTML?

@font-face CSS taisyklė, paaiškinta toliau, yra labiausiai paplitęs būdas įtraukti tinkintus šriftus į svetainę

  1. 1 veiksmas: atsisiųskite šriftą.
  2. 2 veiksmas: sukurkite žiniatinklio šrifto rinkinį kryžminiam naršymui.
  3. 3 veiksmas: įkelkite šrifto failus į savo svetainę.
  4. 4 veiksmas: atnaujinkite ir įkelkite CSS failą.
  5. 5 veiksmas: naudokite pasirinktinį šriftą savo CSS deklaracijose.

Rekomenduojamas: