Shriftni HTML-ga Qanday O'rnatish Kerak

Mundarija:

Shriftni HTML-ga Qanday O'rnatish Kerak
Shriftni HTML-ga Qanday O'rnatish Kerak

Video: Shriftni HTML-ga Qanday O'rnatish Kerak

Video: Shriftni HTML-ga Qanday O'rnatish Kerak
Video: SAYT YARATISHNI URGANAMIZ HTML 4 DARS A TECH UZ SHAKHZODBEK 2024, May
Anonim

Shrift veb-dizaynning ajralmas qismi bo'lib, saytga o'ziga xos uslub beradi. Sahifadagi yuqori sifatli matn uyg'un ko'rinishga ega bo'lishi kerak, saytning boshqa elementlari bilan birlashtirilgan va shu bilan birga ma'lumotni yaxshiroq idrok etishga yordam beradi. HTML belgisi va CSS kaskad jadvallaridan foydalanib, sahifa ishini maksimal darajada oshirish uchun deyarli har qanday sozlamani sozlashingiz mumkin.

Shriftni HTML-ga qanday o'rnatish kerak
Shriftni HTML-ga qanday o'rnatish kerak

Kerakli

TTF formatidagi shrift fayli

Ko'rsatmalar

1-qadam

Kompyuteringizda o'rnatilgan shriftlar to'plamidan foydalanish uchun kaskadli uslublar jadvallarining font-family parametridan foydalanishingiz mumkin. Buning uchun kerakli element uchun quyidagi kodni kiriting:

Matn

Ushbu buyruq Arial shriftida ikkinchi darajali h2 sarlavhasini aks ettiradi.

2-qadam

Agar siz o'zingizning shriftingizdan foydalanmoqchi bo'lsangiz, avval uni xostingga yuklashingiz va tegishli buyruq yordamida faollashtirishingiz kerak. TTF fayllari quyidagi buyruq bilan ta'minlangan:

Font-family atributi bu holda shrift nomini, src: url (font.ttf) esa TTF fayliga yo'lni belgilaydi.

3-qadam

Elementni yoqgandan so'ng, uni matnni ko'rsatish uchun ishlatishingiz mumkin:

Matn

Ushbu buyruq ikkinchi daraja sarlavhasida kursiv shaklda kerakli shrift shriftini ko'rsatishga javobgardir. Agar foydalanuvchi brauzerida TTF fayllari bilan ishlash qo'llab-quvvatlanmasa, birinchi verguldan keyin (bu holda, Verdana) ko'rsatilgan tizim shriftidan foydalaniladi.

4-qadam

Ba'zi brauzerlar yuklab olinadigan TTF-ni qo'llab-quvvatlamaydi. Masalan, Internet Explorer 8 matnni ko'rsatish uchun EOT formatidan foydalanadi. Bunday brauzerlar uchun asl TTF-ni bir nechta xizmatlardan foydalanib o'zgartiring va natijada shriftni @ font-face parametriga xuddi shu tarzda kiriting.

5-qadam

Agar kerakli faylni boshqa manbadan import qilmoqchi bo'lsangiz, CSS hujjatining yuqori qismida yozilishi kerak bo'lgan @import buyrug'idan foydalaning:

@import url (https:// font_address)

Tavsiya: