Talaan ng mga Nilalaman:

Paano ako magdaragdag ng mga font ng Google upang mag-react?
Paano ako magdaragdag ng mga font ng Google upang mag-react?

Video: Paano ako magdaragdag ng mga font ng Google upang mag-react?

Video: Paano ako magdaragdag ng mga font ng Google upang mag-react?
Video: Skusta Clee - TESTING (Lyric Video) 2024, Nobyembre
Anonim

Isama Mga Font ng Google

Ang aming Magreact . js app ay gumagamit ng isang HTML file. Sige at i-edit ang public/index. html at idagdag ang sumusunod na linya sa seksyon ng HTML upang isama ang dalawang typeface.

Higit pa rito, paano ako magdagdag ng mga font upang mag-react?

I-download ang font mula sa Google papunta sa iyong computer at buksan ang zip file noon na-download sa. Lumikha ng isang ' mga font ' folder sa root o src directory ng create- gumanti -proyekto ng app. Kopyahin ang mga font gusto mong gamitin (hal. FiraSans. ttf) sa ' mga font ' direktoryo.

Gayundin, libre ba ang mga font ng Google para sa komersyal na paggamit? Oo, Mga font ng Google lahat ay lisensyado para sa komersyal na paggamit sa ilalim ng SIL Open Font Lisensya, na nagpapahintulot sa sinuman na gamitin kanila -- para sa personal AT komersyal mga proyekto -- libre at malinaw.

Tungkol dito, paano ako mag-i-import ng font sa react JS?

Sa iyong Magreact proyekto, lumikha ng isang folder sa iyong src folder at pangalanan ito ' mga font '. Sa folder na ito lumikha ng isang file na tinatawag mo mga font . js - maglalaman ito ng mga pag-import para sa iyong mga font at gagawing available ang mga ito sa iba pang bahagi ng iyong app.

Paano ko mai-link ang mga na-download na font sa HTML?

Ang panuntunang @font-face CSS na ipinaliwanag sa ibaba ay ang pinakakaraniwang diskarte para sa pagdaragdag ng mga custom na font sa isang website

  1. Hakbang 1: I-download ang font.
  2. Hakbang 2: Gumawa ng WebFont Kit para sa cross-browsing.
  3. Hakbang 3: I-upload ang mga file ng font sa iyong website.
  4. Hakbang 4: I-update at i-upload ang iyong CSS file.
  5. Hakbang 5: Gamitin ang custom na font sa iyong mga deklarasyon ng CSS.

Inirerekumendang: