Определите собственный шрифт для текста в верхнем регистре ⇐ CSS

[Anonymous]

Насколько я знаю, CSS позволяет определять собственные шрифты для разной толщины шрифта.

Например, я определил 3 разных @font-face< /code> с тем же семейством шрифтов, но с другим свойством font-weight:

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

@font-face {
font-family: 'font-name';
src: url('../fonts/font-light.woff') format('woff');
font-weight: 300;
}
@font-face {
font-family: 'font-name';
src: url('../fonts/font-regular.woff') format('woff');
font-weight: normal;
}
@font-face {
font-family: 'font-name';
src: url('../fonts/font-bold.woff') format('woff');
font-weight: bold;
}

и в зависимости от того, какой шрифт я буду использовать, будет загружен соответствующий .woff:

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

//font-light.woff is used
p {
font-family: 'font-name';
font-weight: 300;
}

//font-regular.woff is used
p {
font-family: 'font-name';
font-weight: normal;
}

//font-bold.woff is used
p {
font-family: 'font-name';
font-weight: bold;
}

Это хорошо, но я расскажу о том, как определить собственный шрифт для текста в ЗАГЛАВНОМ РЕГИСТРЕ.
В настоящее время грузинские прописные буквы еще не включены в стандарт Unicode. , поэтому мне нужно загрузить другой файл шрифта для варианта шрифта в верхнем регистре.

Моя идея состоит в том, чтобы загрузить собственный .woff при преобразовании текста: верхний регистр определяется в стилях элемента.

Я поигрался с text-transform и настройками шрифта в объявлении @font-face, но безуспешно.

Можно ли как-то добиться этого с помощью чистого CSS?

Подробнее здесь: https://stackoverflow.com/questions/499 ... rcase-text