Знаете ли вы, что ваш веб-браузер автоматически загружается и использует шрифты, которые не установлены в вашей системе? Веб-шрифты помогают страницам, которые вы просматриваете каждый день, выгляжу лучше. Вот что они есть и как они работают.
Рабочие шрифты против веб-шрифтов
Мы все используем шрифты каждый день. Некоторые из них Приходите с вашей операционной системой , некоторые приходят из приложений, таких как Adobe Creative Suite или Microsoft Office, а некоторые из них вы скачаете или покупаете и Установите себя Отказ Когда они установлены, вы можете использовать эти шрифты в словных процессорах, программное обеспечение для редактирования изображений и многое другое. Это настольные шрифты, и они хранятся на месте.
Другой тип шрифта стал более важным, поскольку наш компьютерный опыт переместился в Интернете. Это веб-шрифты-типография, хранящиеся на облаке (а затем кэшируются в вашем браузере) и используются для генерации текста, который появляется на веб-сайтах.
Краткая история веб-шрифтов
В первые дни Интернета типография на веб-страницах была ограничена, какие шрифты были установлены в вашей системе. Если шрифт не был установлен, веб-страница загружает стандартный шрифт «Foxback», который был более вероятным будет доступен. Из-за этого веб-дизайнеры часто выбирают системные шрифты по умолчанию для своих сайтов.
Среди них были Microsoft's Основные шрифты для веб , набор шрифтов, сделанных свободно доступным для веб-дизайна. Этот пакет включал широко используемое системные шрифты, как Times New Roman, Arial, Comic Sans и Trebuchet. В качестве альтернативы, дизайнеры могут использовать семейства шрифтов, такие как Serif, Sans-Serif, и MonoStive, чтобы указать общий стиль шрифта, даже если конкретный не был доступен.
Это изменилось в 2010 году, когда Google запущен Google шрифты , огромный репозиторий с открытым исходным источником для бесплатных шрифтов, которые можно использовать в любой точке сети. С тех пор другие конкуренты, такие как Adobe Typekit и Web-размещенные плагины шрифта, появились. Миллионы веб-сайтов со всего мира бегают на веб-шрифтах, в том числе Люкс продуктивности Google Отказ
Как работают веб-шрифты
Крупнейший поставщик веб-шрифта, Google Fonts, является расширенной веб-библиотекой из более чем тысячи шрифтов. Вы можете использовать их на своем сайте, потянув их через CSS, и мобильные разработчики могут получить доступ к этим шрифтам при создании приложений для Android.
Когда веб-страница использует шрифты Google, он вытягивает шрифт из базы данных Google, а затем отображает текст в этом шрифте вам в вашем браузере. Эти шрифты размещены на сервере Google и загружены почти мгновенно. Другие услуги облачного шрифта работают много так же.
Другая альтернатива использует самосоведуемые, встроенные шрифты в Интернете вместо этого. Это делается через Формат веб-открытого шрифта (WOFF) - файл сжатого шрифта, разработанный Mozilla, который совместим с большинством современных веб-браузеров. WOFF полезно, если вы хотите встроить пользовательский шрифт, который недоступен в службе веб-шрифта.
Получение веб-шрифтов
Репозиторий Google Fonts и все шрифты под ним полностью свободно использовать и доступны для всех. Он использует только шрифты под открытой лицензией, и многие из этих шрифтов стали скобы веб-дизайна, такими как Roboto, Lato и Montserrat. Google проходит сайт Это перечисляет все свои доступные шрифты и позволяет вам пробовать их и сравнивать их друг с другом. Google также предлагает базу данных бесплатных векторных иконок.
Поскольку эти шрифты свободно доступны, вы можете скачать оригинальные файлы шрифтов Для использования на вашем рабочем столе также. Многие сайты принимают репозитории Google Fonts, в том числе Собственный Github Google Отказ Вы можете использовать эти шрифты в проектах, свободно делиться ими с другими, и скачать их из других мест в Интернете бесплатно.
Многие строители веб-сайтов и менеджеров контента, как WordPress и SquareSpace, приходят с поддержкой веб-шрифтов из коробки. Если вы используете пользовательский веб-сайт, вам необходимо загрузить файл шрифта на свой сервер и использовать код CSS, чтобы указать на файл шрифта, который вы хотите использовать.
Если вы хотите узнать больше о использовании веб-шрифтов для вашего сайта, проверить это Руководство веб-шрифта CSS от W3Schools.
СВЯЗАННЫЕ С: Как установить и управлять шрифтами в приложении Windows 10
