Где скачивать шрифты и в каких форматах
Как говорилось выше Windows10 может работать с файлами шрифтов .ttf и .otf, поэтому качать нужно шаблоны с этими расширениями. Загрузить их можно совершенно бесплатно с различных интернет ресурсов, поэтому ниже описаны самые известные из них.
Google Fonts
На этом ресурсе представлена в открытом доступе большая коллекция шрифтов компании Google. Для быстрого поиска тут предусмотрена продуманная система фильтрации.
Для загрузки пакета необходимо нажать на него, а затем вверху следующей странице нажать «Download family». После чего архив с файлами загрузится на жесткий диск ПК.
FontSpace
На данном сайте коллекция шрифтов значительно больше. В ней насчитывается 71000 пакетов. Их можно сортировать по необходимым критериям. Например, можно выбрать сортировку по стилю.
1001 Free Fonts
Хоть в названии сайта присутствует цифра 1001, его коллекция состоит из более 10000 шрифтов. Для быстрого поиска здесь предусмотрена сортировка по стилю, названию и новизне.
Многие шаблоны совершенно бесплатные, но для скачивания и использования некоторых требуется приобрести лицензию. Причем всего за 20$ вы сможете сразу скачать все пакеты.
Font Squirrel
На этом ресурсе в основном представлены бесплатные шрифты. Если их недостаточно, то можно воспользоваться разделом скидок. Здесь предусмотрена форма поиска и удобная фильтрация пакетов по стилю, языку и популярности.
Тут имеются два очень полезных инструмента: Webfont Generator — позволяет создавать пользователям свои пакеты символов и Font Identifier – распознает символы на закаченных пользователем изображениях и находить аналогичные пакеты в каталоге сайта.
FontStruct
Данный ресурс имеет в своем архиве 47000 шрифтов. Здесь есть полезный инструмент для создания своих шаблонов в формате TrueType. Причем интерфейс этого редактора довольно понятный.
Важно! Для скачивания и использования многих шаблонов символов требуется приобрести лицензию, поэтому ищите бесплатные пакеты или создавайте собственные
Подключение через @font-face
В дизайн макете сайта может быть использован нестандартный шрифт, который недоступен в Google Fonts. В таких случаях дизайнер вместе с дизайн макетом предоставляет файлы используемых шрифтов или скачиваете шрифт самостоятельно
Google Fonts также позволяет скачивать бесплатные шрифты, чтобы хранить на хостинге вместе с проектом и подключать их через @font-face
На странице выбранного шрифта, сверху справа нажимаем на кнопку Download family
Разархивируем скачанный zip-файл и видим файлы выбранного шрифта всех возможных его начертаний в формате *.ttf
У веб-шрифта должен быть определенный формат, который будет поддерживаться браузерами. На данный момент самый оптимальный формат веб-шрифтов — *.woff (Поддержка формата WOFF)
Чтобы конвертировать файлы формата *.ttf в формат *.woff воспользуемся бесплатным онлайн сервисом Transfonter
В открывшемся окне ищем папку в которую был разархивирован скачанный zip-файл, и выбираем необходимые начертания шрифта
Выбранные начертания шрифта будут загружены в сервис для конвертирования
Ниже расположены настройки конвертирования. Справа в списке форматов шрифтов выбираем только формат WOFF. Все остальные настройки оставляем по-умолчанию
Далее нажимаем кнопку Convert
После того, как шрифты будут сконвертированы, ниже слева появится ссылка Download для скачивания
Скачанный zip-файл содержит сгенерированные стили CSS для подключения шрифтов и *.woff файлы шрифтов
Файлы шрифтов копируем в папку fonts нашего проекта. Названия файлов шрифтов не изменяем.
Файл stylesheet.css содержит следующие сгенерированные стили
Копируем все содержимое файла stylesheet.css в самое начало нашего основного файла стилей CSS.
Так как основной файл стилей находится в папке css, отличной от папки, где лежат файлы шрифтов, необходимо внести некоторые изменения — в url добавляем относительный путь до папки fonts (остальные свойства не меняем)
Аналогично используем подключенный шрифт в файле стилей CSS
Преимущество данного способа в том, что веб-шрифты храняться на хостинге вместе с проектом, и не зависят от сторонних сервисов
О лицензии шрифтов Google Fonts
Если с правилами использования изображений профессиональное сообщество уже более-менее разобралось, то правовые вопросы, касающиеся шрифтов, для многих остаются непонятными.
К бесплатным относятся системные шрифты, установленные в персональных компьютерах, а также те, что предоставляет Google Fonts. Вы можете задействовать их в логотипе, брендбуке, рекламной вывеске на улице или баннере в социальной сети. Единственное, чего вы не можете делать, — это продавать шрифты, скачанные с сервиса.
Важно: создавая коммерческий продукт, категорически нельзя использовать шрифты с платной лицензией, не приобретая их. В случае правового конфликта все обвинения лягут на дизайнера — а штрафы за такое нарушение неподъёмные для одного человека. . С лицензиями разобрались — переходим к подборке.
С лицензиями разобрались — переходим к подборке.
Как посмотреть установленные шрифты на Windows 10
Для просмотра имеющихся в системе шаблонов символов, требуется выполнить следующее:
-
С помощью системной формы поиска найти приложение «Параметры» и открыть его.
- Выбрать там инструмент «Персонализация».
- Развернуть подраздел «Шрифты».
- После чего появится список имеющихся в системе шаблоны. Необходимо ознакомится с ним, прежде чем искать и устанавливать другие. Возможно, какой-то из них подойдет вам и дальнейших действий не потребуется.
Дополнительные шаблоны символов часто требуются для работы с различными утилитами. Например, с популярными во всем мире приложениями «Photoshop» и Word.
