Как получить настоящие маленькие прописные буквы из веб-шрифта из Google-шрифтовCSS

Разбираемся в CSS
Anonymous
Как получить настоящие маленькие прописные буквы из веб-шрифта из Google-шрифтов

Сообщение Anonymous »

Я использую на веб-сайте семейство шрифтов Alegreya из Google Fonts. Похоже, что Google убрал функцию использования шрифтов с прописными буквами, поэтому, хотя у Алегрейи есть прописные буквы (см. ниже), они, похоже, не работают с Google Fonts. Как я могу получить настоящие прописные буквы в этом сценарии (шрифт из Google Fonts)?

В Alegreya есть настоящие прописные буквы (как функция OpenType), а также есть родственное семейство, использующее только прописные буквы, Alegreya SC. Я скачал шрифт Regular из обоих семейств (прямо из Google Fonts) и сравнил Alegreya-with-caps с Alegreya SC. Они одинаковые, например, у Алегрейи такой же капитель, как и у его сестры. Но когда я пробую CSS ниже:

Код: Выделить всё

.variant-smcp {
font-family: Alegreya, serif; /* Alegreya from Google Fonts */
font-variant: small-caps; /* should use OpenType smcp feature */
}
Я получаю только поддельные прописные буквы (например, прописные буквы, сжатые браузером).

Обходным решением может быть импорт Alegreya и Alegreya SC, используя последний без установки какого-либо варианта шрифта, когда это необходимо. Но для меня это создает большую проблему: это удваивает количество запрошенных шрифтов. И в целом кажется немного неуклюжим импортировать другой шрифт только для прописных букв, если в моем шрифте уже есть они встроены.

Редактировать: я также тестировал использование настроек шрифта: "smcp" on;, с точно таким же результатом: поддельные прописные буквы из шрифта с поддержкой smcp (Alegreya). И я тестировал все эти вещи в Firefox 66 (для Windows и для Android) с одинаковым результатом. (Спасибо @Parapluie)

Подробнее здесь: https://stackoverflow.com/questions/557 ... ogle-fonts

Вернуться в «CSS»