Мазмуну:

Реакция кылуу үчүн Google шрифттерин кантип кошом?
Реакция кылуу үчүн Google шрифттерин кантип кошом?

Video: Реакция кылуу үчүн Google шрифттерин кантип кошом?

Video: Реакция кылуу үчүн Google шрифттерин кантип кошом?
Video: Болуп жаткан окуяларга кандай реакция кылуу керек? — психолог Перизат Асылбаева жооп берет 2024, Ноябрь
Anonim

камтыйт Google шрифттери

Биздин React . js колдонмосу бир HTML файлын колдонуп жатат. Барып, жалпыга/индексти түзөтүңүз. html жана кошуу эки шрифти камтышы үчүн HTML бөлүмүндө төмөнкү сап.

Андан тышкары, реакция кылуу үчүн шрифттерди кантип кошом?

жүктөп алыңыз шрифт Google'дан компьютериңизге жана ал болгон zip файлды ачыңыз жүктөлүп алынган in. түзүү ' шрифттер ' папканы түзүүнүн түпкү же src каталогунда реакция кылуу - колдонмо долбоору. көчүрүү шрифттер сиз (мисалы, FiraSans. ttf) ' шрифттер ' каталогу.

Ошондой эле, Google шрифттери коммерциялык максатта бекерби? Ооба, Google шрифттери үчүн бардыгы лицензияланган коммерциялык пайдалануу SIL Open астында Шрифт Лицензия, кимге болбосун уруксат берет колдонуу алар -- жеке ЖАНА үчүн коммерциялык долбоорлор -- бекер жана ачык.

Буга байланыштуу, JS реакциясына шрифти кантип импорттоого болот?

Сиздин React долбоордо, src папкаңызда папка түзүп, аны атаңыз ' шрифттер '. Бул папкада сиз чакырган файлды түзүңүз шрифттер . js - бул сиздин импортуңузду камтыйт шрифттер жана кийинчерээк аларды колдонмоңуздун калган бөлүгүнө жеткиликтүү кылат.

Жүктөлүп алынган шрифттерди HTML менен кантип байланыштырсам болот?

Төмөндө түшүндүрүлгөн @font-face CSS эрежеси веб-сайтка ыңгайлаштырылган шрифттерди кошуунун эң кеңири таралган ыкмасы

  1. 1-кадам: Арипти жүктөп алыңыз.
  2. 2-кадам: кайчылаш серептөө үчүн WebFont топтомун түзүңүз.
  3. 3-кадам: Арип файлдарын веб-сайтыңызга жүктөңүз.
  4. 4-кадам: CSS файлыңызды жаңыртыңыз жана жүктөңүз.
  5. 5-кадам: CSS декларацияларыңызда ыңгайлаштырылган шрифтти колдонуңуз.

Сунушталууда: