вариант шрифта: капитель; против преобразования текста: использование заглавных букв;

Question

в css В чем разница между font-variant:small-caps; и text-transform:capitalize;

Answer 1

если вы используете text-transform: capitalize, слово «переполнение стека» станет «переполнением стека», только 1-я буква каждого слова получает CAPS.

, но если вы используете font-variant: small-caps, слово "переполнение стека" становится "STACK OVERFLOW", но высота шрифта будет соответствовать высоте строчных букв до применения стиля CSS. так что все колпачки но поменьше. (Sᴛᴀᴄᴋ Oᴠᴇʀғʟᴏᴡ)

и text-transform: uppercase делает все это также CAPS, но шрифт остается того же размера, поэтому uppercase шрифт будет больше, чем small-caps

Answer 2

Прописные буквы - это текст, состоящий из обычных заглавных букв:

ВЕРХНИЙ

Маленькие заглавные буквы похожи на это (взято из здесь ):

Статья в Википедии о маленьких кепках

text-transform глючит в некоторых браузерах: см. здесь .

Например:

В версиях Internet Explorer для Windows вплоть до 7 включительно значения строчных и прописных букв ведут себя как ноль, если для свойства font-option установлено значение small-caps.

Answer 3

В обычной типографии существует огромная разница в заглавных и прописных буквах, как заявил один из участников этого форума.Заглавные буквы - это заглавные буквы с высотой x (почти) равной строчным буквам.

Чтобы имитировать это с помощью CSS, вы можете использовать font-variant: small-caps;.

Когда вы используете это сfont-face (инициируется с @font-face), иногда он идет не так.

Попробуйте добавить text-transform: lowercase; перед добавлением font-variant:

.smallcaps {
    text-transform: lowercase;
    font-variant: small-caps;
}