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

Лучшая практика > Общие настройки > Веб-шрифты >

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

Previous pageReturn to chapter overviewNext page
Показать/Скрыть скрытый текст

Кроме шрифтов системы WebSite X5 позволяет легко встраивать и использовать веб-шрифты, полученные с:

таких порталов как Google Fonts™ (бесплатный): предлагает уже готовые для использования веб-шрифты, вызываемые посредством таблиц стилей страниц сайта.
таких порталов как Fontsquirrel: позволяет скачивать новые шрифты на наш компьютер, поскольку они затем могут быть опубликованы на веб-сервере сайта.

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

Кликните, чтобы развернуть/уменьшитьКак: Как встроить шрифт от Google Fonts

Выбрав на портале Google Fonts™ шрифт, который вы собираетесь использовать в проекте, и получив соответствующий файл TTF и код, необходимый для связывания на страницах (см. Как скачать шрифт с Google Fonts™), для использования его в WebSite X5 нужно:

Перейти к окну Предпочтения | Веб-шрифт и щелкнуть мышью по кнопке Добавить.
В окне Добавить веб-шрифты кв которому вы перешли, выбрать Шрифт Google, импортировать Файл TTF для отображения в автономном режиме и копировать в соответствующее поле @Import-код , полученный от Google.
Подтвердить, щелкнув мышью по OK: и вернуться в окно Предпочтения | Веб-шрифт , где в списке имеющихся шрифтов появится новый шрифт.

По окончании этой простой процедуры, новый шрифт будет автоматически предлагаться WebSite X5 везде, где можно выбрать шрифт, применяемый для текста: в меню выбора шрифты Google Font отличаются, благодаря значкам, расположенным рядом с ними .

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

После того как на портале выбран новый шрифт и скачаны файлы, позволяющие использовать его как на ПК, так и в Интернет (см., например: Как скачать шрифт с Fontsquirrel), можо использовать его в WebSite X5 очень просто:

Перейти к окну Предпочтения | Веб-шрифт и щелкнуть мышью по кнопке Добавить.
В окне Добавить веб-шрифты к которому вы перешли, выбрать Веб-шрифт и импортировать Файл TTF для отображения в автономном режиме.
Хотя это необязательно, но для лучшей поддержки разными браузерами рекомендуется импортировать, если они предоставляются, файл WOFF, файл SVG и файл EOT, относящиеся к новому шрифту, который планируется использовать.
Подтвердить, щелкнув мышью по OK: и вернуться в окно Предпочтения | Веб-шрифт, где в списке имеющихся шрифтов появится новый шрифт.

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

 


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

-

Как скачать шрифт с Google Fonts™

-

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


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

-

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