Как получить настоящие маленькие прописные буквы из веб-шрифта из 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

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