Что такое веб-шрифты

Знаете ли вы, что ваш веб-браузер автоматически загружает и использует шрифты, которые не установлены в вашей системе? Веб-шрифты помогают страницам, которые вы просматриваете каждый день, выглядеть лучше. Вот что это такое и как они работают.


Шрифты для настольных компьютеров и веб-шрифты

Мы все используем шрифты каждый день. Некоторые из них поставляются с операционной системой, некоторые - из приложений, таких как Adobe Creative Suite или Microsoft Office, а некоторые вы скачиваете или покупаете и устанавливаете самостоятельно. Когда они установлены, вы можете использовать эти шрифты в текстовых процессорах, программах для редактирования изображений и т. д. Это настольные шрифты, которые хранятся локально.

Другой тип шрифтов стал более важным, поскольку наша работа с компьютером переместилась в Интернет. Это веб-шрифты - шрифты, хранящиеся в облаке (а затем кэшируемые в вашем браузере) и используемые для создания текста, который появляется на веб-сайтах.


Краткая история веб-шрифтов

На заре Интернета шрифты на веб-страницах были ограничены тем, какие шрифты были установлены в вашей системе. Если шрифт не был установлен, веб-страница загружала стандартный "запасной" шрифт, который, скорее всего, был доступен. Из-за этого веб-дизайнеры часто выбирали системные шрифты по умолчанию для своих сайтов.

СООБЩЕНИЕПроисхождение Comic Sans: Why Do So Many People Hate It?

Среди них был Core Fonts for Web от Microsoft, набор шрифтов, предоставляемый в свободный доступ для веб-дизайна. Этот набор включал широко используемые системные шрифты, такие как Times New Roman, Arial, Comic Sans и Trebuchet. Кроме того, дизайнеры могли использовать семейства шрифтов, такие как Serif, Sans-Serif и Monospace, чтобы определить общий стиль шрифта, даже если конкретный шрифт был недоступен.

Все изменилось в 2010 году, когда компания Google запустила Google Fonts, обширное хранилище бесплатных шрифтов с открытым исходным кодом, которые можно использовать в любом месте в Интернете. С тех пор появились и другие конкуренты, такие как Typekit от Adobe и плагины шрифтов, размещаемые в Интернете. Миллионы веб-сайтов со всего мира работают на веб-шрифтах, включая продуктивный пакет Google.


Как работают веб-шрифты

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

Когда веб-страница использует Google Fonts, она берет шрифт из базы данных Google, а затем отображает текст этим шрифтом в браузере. Эти шрифты размещаются на сервере Google и загружаются практически мгновенно. Другие облачные шрифтовые сервисы работают примерно так же.

Другой альтернативой является использование встроенных шрифтов, размещенных в Интернете. Для этого используется Web Open Font Format (WOFF) - сжатый файл шрифта, разработанный компанией Mozilla и совместимый с большинством современных веб-браузеров. WOFF полезен, если вы хотите встроить пользовательский шрифт, который недоступен в службе веб-шрифтов.


Получение веб-шрифтов

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

Поскольку эти шрифты находятся в свободном доступе, вы можете загрузить оригинальные файлы шрифтов для использования на рабочем столе. На многих сайтах размещены репозитории Google Fonts, включая собственный Github компании Google. Вы можете использовать эти шрифты в проектах, свободно делиться ими с другими и бесплатно скачивать их из других мест в Интернете.

Многие конструкторы сайтов и менеджеры контента, такие как WordPress и Squarespace, поставляются с поддержкой веб-шрифтов из коробки. Если вы используете собственный сайт, вам нужно загрузить файл шрифта на сервер и с помощью кода CSS указать на файл шрифта, который вы хотите использовать.

Если вы хотите узнать больше об использовании веб-шрифтов для своего сайта, ознакомьтесь с руководством по веб-шрифтам CSS от W3Schools.

СООБЩЕНИЕ: Как установить и управлять шрифтами в приложении Windows 10s Settings App

.
Ваше имя: *
Ваш e-mail: *
Код: Кликните на изображение чтобы обновить код, если он неразборчив
Введите код: