Окно Добавить веб-шрифты

Этап 4 - Страницы > Общие характеристики > Окно Веб-шрифт >

Окно Добавить веб-шрифты

Previous pageReturn to chapter overviewNext page
Verborgen tekst tonen/verbergen

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

В окне есть два раздела:

Шрифт Google
Веб-шрифт
Кликните, чтобы развернуть/уменьшитьСправка: Команды раздела Шрифты Google Font

Чтобы выбрать шрифт Google Font и добавить его к проекту, можно использовать:

Поле для поиска в зависимости от названия шрифта.
Команды для поиска шрифта на основе таких параметров, как уровень популярности, дата установки или количество доступных стилей.
Опции для настройки необходимых категорий: Serif, Sans Serif, Экранный, Рукописный, Моноширинный.
Текст и размер, которые должны использоваться для отображения предпросмотра шрифта.

 

Если речь идет о шрифте Google Font, файлы, соответствующие шрифту, доступны на серверах Google, и их можно просто встроить в списки стилей страниц сайта.

WebSite X5 автоматически загружает файлы TTF шрифтов Google Font, интегрированных в проекты, чтобы отобразить их на локальных ресурсах.

Кликните, чтобы развернуть/уменьшитьСправка: Команды раздела веб-шрифты

Прежде всего, необходимо выбрать метод, используемый для встраивания веб-шрифтов:

Онлайновые веб-шрифты: файлы, соответствующие шрифтам, доступны на серверах сервиса, предлагающего шрифты, и они просто встраиваются в списки стилей страниц сайта.
Оффлайновые веб-шрифты: файлы, соответствующие шрифтам, присутствуют в локальных ресурсах компьютера и публикуются на собственном сервере

При использования веб-шрифта в режиме онлайн, так и в случае встраивания веб-шрифта в режиме оффлайн, необходимо импортировать:

Файл TTF для отображения в автономном режиме это файл в формате TrueType (TTF), необходимый для локального отображения шрифта. Таким образом, WebSite X5 может использовать шрифт, как если бы он был установлен в оперативную систему компьютера, и ввести его в текстовый редактор, и, в целом, везде, где можно задать тип шрифта для использования при работе с текстами.

При использовании шрифта в режиме онлайн, нужно указать:

Код @import код, предоставляемый непосредственно с сервиса, предлагающего шрифты, необходимый для связи шрифта в таблице стилей (CSS) страницы сайта.

При использовании веб-шрифта в режиме оффлайн, рекомендуется импортировать, также:

Файл WOFF (рекомендуется)файл в формате WOFF, связанный со шрифтом. Этот тип формата поддерживают Internet Explorer, Mozzilla Firefox и Google Chrome.
Файл SVG (iPhone/iPad)файл в формате SVG, связанный со шрифтом. Этот тип формата поддерживают Mozzilla Firefox, Safari, Google Chrome и Opera.
Файл EOT (только IE) это файл в формате EOT, относящийся к шрифту. Этот тип формата поддерживает только Internet Explorer.

Поскольку, поддержка веб-шрифтов в режиме оффлайн основными браузерами не одинакова, рекомендуется импортировать не только файл TTF (обязательный), но также и файлы WOFF, SVG и EOT, относящиеся к шрифтам, которые планируется использовать.

 


Лучшая практика:

-

Как использовать веб-шрифты

-

Как скачать шрифт с Fontsquirrel


Более подробная информация:

-

Стандартные и веб-шрифты