Обновление (на основе обновленного вопроса)
Очевидно, сгенерированный шрифт OTF не закодирован должным образом для Интернета — все браузеры имеют разные механизмы рендеринга шрифтов, и декодирование этого файла не удается в Chrome и Firefox, и даже Font Squirrel сообщает Шрифт поврежден и не может быть преобразован эм>. Как ни странно, в Safari работает отлично.
Если вы хотите использовать функции шрифтов Roboto, вам придется создавать свои собственные веб-шрифты. Я создал демонстрационную страницу, которая демонстрирует некоторые функции шрифтов Roboto с различными веб-шрифтами (woff2
, woff
, otf
, ttf
), пройдя следующие этапы:
После запуска make
с репозиторием google/roboto вы должны получить шрифты TTF в каталоге RobotoTTF
. Эти файлы включают в себя все функции шрифтов Roboto, и вы можете использовать их для создания файлов веб-шрифтов. Если вы хотите, вы даже можете использовать шрифты TTF:
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url('./Roboto-Regular.ttf') format('truetype');
}
хотя размер вашего файла будет большим, и вам обязательно следует преобразовать их в другие форматы веб-шрифтов (наилучшие результаты дает woff2
, и это поддерживается во всех современных браузерах), чтобы значительно уменьшить размер файла, поэтому ваше объявление @font-face
будет выглядеть так:
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url('./Roboto-Regular.woff2') format('woff2');
}
Вы по-прежнему можете включать и использовать функции шрифта в сгенерированных веб-шрифтах, а также использовать их в своем коде CSS:
.yourclass {
font-feature-settings: ...;
}
Существует множество инструментов, которые вы можете использовать онлайн и на своем компьютере. Я попробовал следующие, которые работают довольно хорошо, сохраняя функции OpenType в сгенерированных веб-шрифтах:
Кроме того, вы можете найти полезные LCDF Typetools, особенно otfinfo используйте как otfinfo -f Roboto-Regular.ttf
для перечисления всех функций, поддерживаемых шрифтом.
Вот список функций шрифта Roboto:
- c2sc - Маленькие столицы из столиц
- ccmp — Состав/Разложение Глифов
- cpsp — Прописной интервал
- dlig — Дискреционные лигатуры
- dnom — Знаменатели
- frac — дроби
- керн — кернинг
- лига — Стандартные лигатуры
- lnum — Цифры футеровки
- mark — Пометить позиционирование
- mkmk — Отметить, чтобы отметить позиционирование
- numr — Числители
- onum — Фигурки в старом стиле
- pnum — Пропорциональные фигуры
- соль — стилистические альтернативы
- smcp — Маленькие Столицы
- ss01 — Стилистический набор 1
- ss02 — Стилистический набор 2
- ss03 — Стилистический набор 3
- ss04 — Стилистический набор 4
- ss05 — Стилистический набор 5
- ss06 — Стилистический набор 6
- ss07 — Стилистический набор 7
- tnum — Табличные цифры
- unic — юникейс
Я надеюсь, что вы найдете это полезным.
** Удалено как не относящееся к обновленному вопросу
person
van100j
schedule
07.01.2018