Немало людей мучается когда верстает. Нередко в верстке нужно использовать нестандартный шрифт. Вы скачиваете его, верстаете страницу, но видят его не все пользователи. Некоторые заменяют текст картинками, однако это тоже не выход. Есть один удобный выход с помощью CSS (Cascading Style Sheets). Как правило CSS заключается в создаваемый файл или страничку, но допускается создание CSS (.css) файла отдельно и подключение его с помощью такой конструкции между тегами <head>:

<LINK href="scooter.css" rel=stylesheet type=text/css>

С помошью CSS нам нужно назначить файл шрифта True Type Font (.ttf), но его загрузка произойдёт только если такого шрифта нет у пользователя. Для того чтоб показать браузеру откуда брать шрифт пишем между тегами <head> и </head> так :

<style>
p {font-family: URL шрифта (например, www.domen.ru/fonts/font.ttf) ;}
</style>

Так можно использовать любые шрифты на сайте, однако не злоупотребляйте и не используйте "объёмных" шрифтов, которые весят более чем 300кб.

Отзывов: 2 на «Нестандартные шрифты в CSS»

  1. GothicTux пишет:

    Спасибо за статью!
    Начал изучение CSS и сталкиваюсь с этим постоянно, а теперь не буду сталкиваться :)

  2. Сергей пишет:

    Спасибо узнал много нового поэкспериментируем

Ваш отзыв