Съдържание:

Как да добавя шрифтове на Google, за да реагирам?
Как да добавя шрифтове на Google, за да реагирам?

Видео: Как да добавя шрифтове на Google, за да реагирам?

Видео: Как да добавя шрифтове на Google, за да реагирам?
Видео: СТРИМ - Как Дизайнеру Найти Клиента? +Как оформить портфолио? 2024, Април
Anonim

Включете Google Fonts

Нашите Реагирайте . js приложението използва един HTML файл. Продължете и редактирайте публичен/индекс. html и добавете следващия ред в секцията на HTML, за да включите двата шрифта.

Освен това, как да добавя шрифтове, за да реагирам?

Изтеглете шрифт от Google на вашия компютър и отворете zip файла, който беше изтеглено в. Създайте ' шрифтове ' в основната или src директория на create- реагират - проект за приложение. Копирайте шрифтове искате да използвате (напр. FiraSans. ttf) в ' шрифтове ' директория.

Освен това, безплатни ли са шрифтовете на Google за търговска употреба? да, Google шрифтове всички са лицензирани за търговска употреба под SIL Open Шрифт Лиценз, който позволява на всеки използване тях -- за лични И търговски проекти -- Безплатно и ясно.

По отношение на това, как да импортирам шрифт в react JS?

Във вашия Реагирайте проект, създайте папка във вашата src папка и я наименувайте ' шрифтове '. В тази папка създайте файл, който извиквате шрифтове . js - това ще съдържа вноса за вашия шрифтове и по-късно ще ги направи достъпни за останалата част от приложението ви.

Как да свържа изтеглените шрифтове с HTML?

Правилото @font-face CSS, обяснено по-долу, е най-често срещаният подход за добавяне на персонализирани шрифтове към уебсайт

  1. Стъпка 1: Изтеглете шрифта.
  2. Стъпка 2: Създайте комплект WebFont за кръстосано сърфиране.
  3. Стъпка 3: Качете файловете с шрифтове във вашия уебсайт.
  4. Стъпка 4: Актуализирайте и качете своя CSS файл.
  5. Стъпка 5: Използвайте персонализирания шрифт във вашите CSS декларации.

Препоръчано: