Есть ли приемлемый способ настройки шрифтов, чтобы имитировать текстовые рисунки ?
Фон
Текстовые цифры представляют собой «строчные» цифры. Обычно вы используете строчные цифры, где вы также используете строчный текст (например, в середине предложения).
Клавиатуры никогда не создавались с прописными и строчными цифрами; и Unicode специально не кодирует их, так как «они не считаются отдельными символами от подкладочных фигур, это просто другой способ написания одних и тех же символов».
Что подводит меня к моему вопросу; Каков приемлемый способ создания строчных цифр из стандартных «прописных» шрифтов?
Википедия упоминает, что обычно :
012являютсяx-высот68есть восходящие34579есть спуски
Моя первая попытка (в фотошопе):
- смуш 012
- подтолкнуть 34579 вниз
- оставить 68, где они находятся:
Но фигуры помахивания (0, 1, 2) выглядят явно неприятно.
Если консорциум Unicode предполагает, что «строчные цифры» могут быть просто созданы из «прописных» - что они рекомендуют мне делать?
В идеале в HTML
Моя конечная цель - отображать строчный текст в браузере. я знаю, что некоторые шрифты (например, Грузия) уже отображают все свои цифры в нижнем регистре:
Но я не спрашиваю, как перейти на использование Грузии ; Я спрашиваю, как построить подкладку фигур из подкладки.
И так как это для показа в сети, я понимаю, что мне, вероятно, придется применить форматирование для каждого символа:
<!doctype html">
<html>
<head>
<style type="text/css">
body {
font-family: "Segoe UI", "Calibri", sans-serif;
font-size: larger;
}
.xheight {
font-size: 1.5ex;
}
.descender {
position: relative;
bottom: -0.4ex;
}
</style>
</head>
<body>
<p>In the year <span class="xheight">21</span><span class="descender">5</span><span>6</span> the Romulan war...
</body>
</html>
Рендеринг как:
Что, опять же, выглядит не так приятно, как мне кажется.
Эй, смотри, копейки!
источник
A(U+0041), нижний регистрa(U+0061), и даже sᴍᴀʟʟ cᴀᴘɪᴛᴀʟᴀ(U+1D00)? Т.е. в чем может быть причина, которая исключает отдельные прописные и строчные цифры, но включает в себя отдельные прописные и строчные буквы?Правильный способ рендеринга строчных цифр / цифр или «фигур старого стиля» - использовать CSS для выбора подходящего шрифта. Очевидно, что используемый шрифт должен поддерживать эту функцию шрифта в первую очередь. Реальная поддержка веб-шрифтов не кажется слишком сильной.
Настройка CSS, которую вы ищете
и документация:
Документацию по функциям OpenType,
onumв частности, по функциям, можно найти в реестре тегов Microsoft OpenType Layout .Альтернативная документация о функциях шрифтов доступна в статье Как кодировать функции OpenType в CSS .
Официально вы должны использовать
но поддержка этого кажется еще более слабой в соответствии с рекомендациями Mozilla о совместимости браузеров .
Теоретически это лучше, потому что он не относится непосредственно к функциям OpenType, поэтому он должен работать и со шрифтами не-OpenType. Точно так же вы должны использовать:
включить маленькие заглавные буквы . Вы не использовать функцию OpenType настройки , такие как
чтобы достичь этого эффекта, потому что
font-variantсвойство уже хорошо поддерживается.источник
font-variant: small-caps;потому что это создает ложные заглавные буквы. Всегда используйте другой и всегда используйте шрифты OpenType. Просто и решаемо.acceptableесли фальшивкаsmall-caps. Это не является обязательным требованием, и высококачественный пользовательский агент сделает все правильно (сопоставьте его с функцией OpenType). Я согласен, что если вы предпочитаете не менять вместо маленьких заглавных букв, вы должны использоватьfont-feature-settings. Обычно поддельные маленькие шапочки лучше, чем вообще без эффекта.