#css #webfonts #google-webfonts
#css #веб-шрифты #google-webfonts
Вопрос:
есть ли какой-либо открытый веб-шрифт, который полностью поддерживает заглавные буквы?
Например, если я установлю для Roboto значение small-caps , результат будет выглядеть так:
Вы видите, что прописные буквы R и A имеют больший вес, чем окружающие строчные буквы. Этот шрифт не поддерживается small-caps должным образом.
Комментарии:
1. В моем поиске я нашел это, YMMV: 1001fonts.com/small-caps google-web-fonts.html
2. @SamuelJaeschke Похоже, что это все шрифты, которые используют заглавные буквы в позициях символов нижнего регистра вместо строчных символов вообще. К сожалению, ни один из них не поддерживает фактическую настройку CSS с заглавными буквами.
Ответ №1:
Позвоните в литейный цех, каждый шрифт разработан по-разному, если у них нет символов, вы не сможете этого получить, когда я купил лицензию на веб-шрифт для компании, в которой я работаю, я позвонил в литейный цех, в котором я составлял бюджет, они помогли мне выбрать идеальный шрифт, который имелМаленькие заглавные буквы с ним.
Комментарии:
1. Этот ответ, вероятно, более уместен в качестве комментария.
Ответ №2:
Да, это возможно. Попробуйте использовать font-variant font-variant-caps правила и css. Взгляните на документы MDN по этим свойствам для получения дополнительной информации, здесь и здесь .
заглавные буквы, все заглавные буквы, маленькие заглавные буквы, все заглавные буквы, unicase, titling-caps Задает ключевые слова и функции, связанные с свойством font-variant-caps longhand.
заглавные буквы Это ключевое слово заставляет использовать заглавные буквы для символов нижнего регистра. Это соответствует значению OpenType smcp; если шрифт их не поддерживает, он синтезирует глифы.
.my_style {
font-variant: small-caps;
} <p>Hello</p>
<p class="my_style">hello</p> Комментарии:
1. Я знаю, как установить заглавные буквы в css. Но я попросил веб-шрифты, которые полностью поддерживают его.
2. Не уверен, что вы имеете в виду. В документах указано, что если в шрифте отсутствуют символы с маленькой буквы, используются символы с маленькой буквы. Если они отсутствуют, браузер синтезирует их из символов верхнего регистра . Вы пытаетесь использовать шрифт, который его не поддерживает, или?
3. Я добавил пример к своему вопросу.
4. Как вы сказали, вам, вероятно, нужно найти шрифт, который поддерживает это лучше. Поиск списка шрифтов с конкретными требованиями — это не совсем вопрос программирования, поэтому я сомневаюсь, что SO может помочь вам в этом вопросе.
5. На самом деле, Roboto поддерживает «настоящие» заглавные буквы, так что это законный вопрос! Заглавные буквы отлично отображаются в Firefox. Однако у меня это не работает при использовании Roboto с Google Fonts в Chrome 65. Использование
font-feature-settingsне помогло.