Пользовательские шрифты

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

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

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

TTF/OTF

TrueType Font / Open Type Font. Классические" форматы с полной поддержкой браузеров.

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

WOFF

Web Open Font Format. Оригинальный формат для предоставления веб-шрифтов с полной поддержкой браузера.

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

WOFF2

Web Open Font Format 2. Улучшенная версия оригинального формата с полной поддержкой в современных браузерах.

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

SVG

Scalable Vector Graphics. Фактическое значение не является форматом шрифта, но использует глифы векторной графики для выражения в виде шрифта. Имеет очень ограниченную поддержку браузерами.

Используйте только в том случае, если разрабатываете Инструментальные панели для использования исключительно в браузере Safari.

EOT

Embedded Open Type. Формат Microsoft, не имеющий фактической поддержки ни в одном браузере, кроме Internet Explorer.

Используется только при разработке Инструментальных панелей для использования исключительно в браузере Internet Explorer.

Чтобы повысить скорость загрузки и производительность инструментальных панелей, используйте форматы шрифтов .woff/.woff2.

Шрифты для Инструментальной панели

Существует три способа использования пользовательских шрифтов для приборных панелей SberMobile:

  • Ссылка на шрифты непосредственно с веб-ресурса, с которого они были использованы.

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

  • Добавление их в библиотеку медиа/содержимого и размещение ссылки в качестве записи плагина.

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

Добавление шрифтов в медиатеку

Пользовательские шрифты добавляются в медиатеку так же, как и любые другие активы. Чтобы загрузить пользовательский шрифт, следуйте инструкциям, приведенным в статье Использование медиатеки.

Используйте соответствующий шрифт/<формат> MIME-типа (например, font/woff2) в свойстве Тип содержимого созданной записи медиатеки.