Агуулгын хүснэгт:

Би хариу үйлдэл үзүүлэхийн тулд Google фонтыг хэрхэн нэмэх вэ?
Би хариу үйлдэл үзүүлэхийн тулд Google фонтыг хэрхэн нэмэх вэ?

Видео: Би хариу үйлдэл үзүүлэхийн тулд Google фонтыг хэрхэн нэмэх вэ?

Видео: Би хариу үйлдэл үзүүлэхийн тулд Google фонтыг хэрхэн нэмэх вэ?
Видео: Google маягтуудын бүрэн гарын авлага - Онлайн судалгаа, мэдээлэл цуглуулах хэрэгсэл! 2024, Арваннэгдүгээр
Anonim

оруулах Google фонтууд

Манай Хариу үйлдэл үзүүлэх . js програм нь нэг HTML файл ашиглаж байна. Үргэлжлүүлэн нийтийн/индексийг засаарай. html болон нэмэх HTML-ийн хэсэг дэх дараах мөрөнд хоёр үсгийн төрлийг оруулна.

Цаашилбал, хариу үйлдэл үзүүлэхийн тулд фонтыг хэрхэн нэмэх вэ?

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

Мөн Google-ийн фонтууд арилжааны зориулалтаар үнэ төлбөргүй байдаг уу? Тиймээ Google фонтууд бүгд тусгай зөвшөөрөлтэй арилжааны хэрэглээ SIL Open дор Фонт Лиценз, хэнд ч зөвшөөрдөг ашиглах тэднийг -- хувийн болон арилжааны төслүүд - үнэгүй мөн тодорхой.

Үүнтэй холбогдуулан би фонтыг JS-д хэрхэн оруулах вэ?

Таны дотор Хариу үйлдэл үзүүлэх Төслийн хүрээнд өөрийн src хавтсанд хавтас үүсгээд нэрлэнэ үү. фонтууд '. Энэ хавтсанд дууддаг файлаа үүсгэнэ үү фонтууд . js - энэ нь таны импортыг агуулна фонтууд Дараа нь тэдгээрийг таны бусад апп-д ашиглах боломжтой болгоно.

Татаж авсан фонтуудыг HTML рүү хэрхэн холбох вэ?

Доор тайлбарласан @font-face CSS дүрэм нь вэбсайтад захиалгат фонт нэмэх хамгийн түгээмэл арга юм

  1. Алхам 1: Фонтыг татаж аваарай.
  2. Алхам 2: Хөндлөн хайлт хийх WebFont хэрэгсэл үүсгэ.
  3. Алхам 3: Фонтын файлуудыг вэбсайтдаа байршуулна уу.
  4. Алхам 4: CSS файлаа шинэчилж байршуулна уу.
  5. Алхам 5: CSS мэдэгдэлдээ тусгай фонт ашиглана уу.

Зөвлөмж болгож буй: