Шрифтът е неразделна част от уеб дизайна, придаващ на сайта отличителен стил. Висококачественият текст на страницата трябва да изглежда хармонично, да се комбинира с останалите елементи на сайта и в същото време да допринася за по-доброто възприемане на информацията. Използвайки HTML маркиране и CSS каскадни таблици, можете да персонализирате почти всяка настройка, за да увеличите максимално производителността на страницата.
Необходимо
файл на шрифта във формат TTF -
Инструкции
Етап 1
За да използвате набор от шрифтове, инсталирани на вашия компютър, можете да използвате параметъра семейство шрифтове на каскадните таблици със стилове. За да направите това, въведете следния код за желания елемент:
Текст
Тази команда ще покаже заглавието h2 от второ ниво в шрифта Arial.
Стъпка 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)
