Сиздин шрифтиңизди HTML форматында кантип орнотсо болот

Мазмуну:

Сиздин шрифтиңизди HTML форматында кантип орнотсо болот
Сиздин шрифтиңизди HTML форматында кантип орнотсо болот

Video: Сиздин шрифтиңизди HTML форматында кантип орнотсо болот

Video: Сиздин шрифтиңизди HTML форматында кантип орнотсо болот
Video: Sony PlayStation 2 slim ModBo 5 прошивка Matrix 1.93 обзор настройка запуск how to run PS2 usb 2024, Май
Anonim

Шрифт - веб-дизайндын ажырагыс бөлүгү, сайтка өзгөчө стиль берет. Беттеги сапаттуу текст гармониялуу көрүнүп, сайттын калган элементтери менен айкалыштырылып, ошол эле учурда маалыматты жакшы кабыл алууга шарт түзүшү керек. HTML белгилөөсүн жана CSS каскаддык таблицаларын колдонуп, барактын иштешин максималдаштыруу үчүн дээрлик бардык параметрлерди ыңгайлаштыра аласыз.

Сиздин шрифтиңизди HTML форматында кантип орнотсо болот
Сиздин шрифтиңизди HTML форматында кантип орнотсо болот

Зарыл

TTF форматындагы арип файлы

Нускамалар

1 кадам

Компьютериңизде орнотулган ариптер топтомун колдонуу үчүн каскад стилдеринин арип-үй-бүлө параметрин колдонсоңуз болот. Ал үчүн керектүү нерсе үчүн төмөнкү кодду киргизиңиз:

Текст

Бул буйрук Arial шрифтиндеги экинчи деңгээлдеги h2 аталышын көрсөтөт.

2-кадам

Эгерде сиз өзүңүздүн шрифтиңизди колдонууну кааласаңыз, анда аны хостингке жүктөп, ага ылайыктуу буйрукту колдонуп күйгүзүңүз. TTF файлдары төмөнкү буйрук менен камтылган:

Бул учурда font-family атрибуту басмакана атын, ал эми src: url (font.ttf) TTF файлынын жолун көрсөтөт.

3-кадам

Элементти иштеткенден кийин, аны текстти көрсөтүү үчүн колдонсоңуз болот:

Текст

Бул буйрук экинчи деңгээлдин баш жагында курсив менен талап кылынган шрифттин шрифтин көрсөтүү үчүн жооп берет. Эгерде колдонуучунун браузери TTF файлдары менен иштөөнү колдобосо, анда биринчи үтүрдөн кийин көрсөтүлгөн тутумдун шрифти (бул учурда, Verdana) колдонулат.

4-кадам

Айрым браузерлерде жүктөлүп берилүүчү TTF колдоого алынбайт. Мисалы, Internet Explorer 8 текстти көрсөтүү үчүн EOT форматын колдонот. Мындай браузерлер үчүн баштапкы TTFни бир нече кызматты колдонуп, конвертте жана алынган шрифтти @ font-face параметрине ошол эле жол менен кош.

5-кадам

Эгер сиз керектүү файлды башка булактан импорттоону кааласаңыз, анда CSS документинин жогору жагында жазылышы керек болгон @import командасын колдонуңуз:

@import url (https:// font_address)

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