Шрифты
July 24, 2021

Веб шрифты — оху*нно

Где ?

Работа с текстом не всегда подразумевает использование графическим редакторов вроде: AI, PS, ID, Corel.

И так, вам нужно использовать шрифт на веб странице, но как его туда добавить ? Для этого и нужны веб шрифты. Которые мы вписываем напрямую в HTML нашего сайта.

Сайт «разговаривает» с Google Fonts и исходя из ответа показывает указанный вами в коде шрифт.

Когда ?

Элемент html font впервые появился в браузере Netscape в 1995 году, и сразу после этого был добавлен в HTML 3.2. Но при всём этом интернет страницы отображали только установленные пользователем шрифты, в противном случае отображался стандартный системный Санс-Сериф.

А уже в 1998 году при выходе CSS2 разработчики и дизайнеры получили доступ к чему-то отдалённо похожему на современные веб-шрифты. Вместо отображение стандартных шрифтов, браузер просто скачивал прописанные в коде шрифты. Хотя эту возможность и не использовали, из-за чего она была удалена уже в версии CSS2.1.

В том же году подобный инструмент был представлен в Internet Exlorer, что в последствии и сподвигло к его возвращению в CSS3.

Начиная с 2009 года большинство веб страниц начало использовать формат WOFF, который поддерживает использование форматов шрифтов с которыми мы все знакомы — OpenType и TrueType.

Особенности

В отличии от графических редакторов, выставить кёрнинг и интерлиньяж в коде так просто не получиться, хотя если очень захотеть возможность есть. Стоит очень тщательно изучить шрифт перед тем как использовать его в сайтах, так не придётся проходить через многочасовые танцы с бубном что бы исправить небольшой недочёт в трекинге шрифта.

Я почти закончил

В отличии от Граф. Редакторов на сайтах используется совершенно другой подход к использованию шрифтов, и привычные трюки вроде подкрутки интерлиньяжа текста здесь не работают. А для удобства в версте макетов для сайтов стоит использовать шрифты которые есть на Google Fonts, это сохранит пару нервов веб-разработчику.

А теперь закончил.