Қаріпті Html-де қалай орнатуға болады

Мазмұны:

Қаріпті Html-де қалай орнатуға болады
Қаріпті Html-де қалай орнатуға болады

Бейне: Қаріпті Html-де қалай орнатуға болады

Бейне: Қаріпті Html-де қалай орнатуға болады
Бейне: HTML-де қаріптің түсін өзгерту 2024, Мамыр
Anonim

Қаріп - бұл веб-дизайнның ажырамас бөлігі, сайтқа ерекше стиль береді. Парақтағы сапалы мәтін үйлесімді көрінуі керек, сайттың қалған элементтерімен үйлесуі керек және сонымен бірге ақпаратты жақсы қабылдауға ықпал етуі керек. HTML түзетулерін және CSS каскадтық кестелерін пайдалану арқылы сіз парақтың өнімділігін арттыру үшін кез келген дерлік параметрді реттей аласыз.

Қаріпті html-де қалай орнатуға болады
Қаріпті html-де қалай орнатуға болады

Қажетті

TTF форматындағы қаріп файлы

Нұсқаулық

1-қадам

Компьютерде орнатылған қаріптер жиынтығын пайдалану үшін каскадты стильдер кестесінің қаріп-отбасы параметрін қолдануға болады. Ол үшін қажетті элемент үшін келесі кодты енгізіңіз:

Мәтін

Бұл команда Arial қаріпінде екінші деңгей h2 тақырыбын көрсетеді.

2-қадам

Егер сіз өзіңіздің қаріпіңізді пайдаланғыңыз келсе, оны хостингке жүктеп, тиісті пәрменді пайдаланып қосуыңыз керек. TTF файлдары келесі пәрменмен қамтылған:

Қаріп-отбасы атрибуты бұл жағдайда қаріптің атын, ал src: url (font.ttf) TTF файлына жолды анықтайды.

3-қадам

Элементті қосқаннан кейін оны мәтінді көрсету үшін пайдалануға болады:

Мәтін

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

4-қадам

Кейбір браузерлерде жүктелетін TTF қолдамайды. Мысалы, Internet Explorer 8 мәтінді көрсету үшін EOT пішімін қолданады. Мұндай браузерлер үшін көптеген қызметтерді қолдана отырып түпнұсқа TTF түрлендіріңіз және алынған шрифтті @ font-face параметріне дәл осылай қосыңыз.

5-қадам

Егер сізге қажет файлды басқа қордан импорттағыңыз келсе, @import пәрменін қолданыңыз, ол CSS құжатының жоғарғы жағында жазылуы керек:

@import url (https:// font_address)

Ұсынылған: