font-variant: small-caps; vs text-transform: capitalizar;

Question

en css lo que es la diferencia entre font-variant:small-caps; y text-transform:capitalize;

Answer 1

si utiliza text-transform: capitalize la palabra "desbordamiento de pila" se convertirá en "desbordamiento de pila", sólo la primera letra de cada palabra se CAPS.

pero si usa font-variant: small-caps la palabra "desbordamiento de pila" pasa a ser "DESBORDAMIENTO DE PILA", pero la altura del tipo de letra coincidirá con la altura de las letras minúsculas antes de aplicar el estilo CSS. entonces todos los CAPS pero más pequeños. (Sᴛᴀᴄᴋ Oᴠᴇʀғʟᴏᴡ)

y text-transform: uppercase hace que todo CAPS también, pero pero el tipo de letra sigue siendo el mismo tamaño, por lo uppercase tipo de letra será más grande que small-caps

Answer 2

mayúsculas es texto que consiste en caracteres en mayúsculas normales:

MAYÚSCULAS

small-caps es como tan (tomado de here):

Wikipedia article on Small caps

text-transform tiene errores en algunos navegadores: consulte here.

Por ejemplo:

En Internet Explorer para Windows versiones hasta e incluyendo 7, los valores en minúsculas y mayúsculas se comportan como si nada si la propiedad font-variant se establece en small-caps.

Answer 3

En la tipografía normal hay una gran diferencia en small-caps y mayúsculas , según lo declarado por uno de los contribuyentes en este foro. Los caracteres pequeños son caracteres en mayúscula con una altura x (casi) igual a caracteres en minúscula.

Para imitar esto con CSS, puede usar font-variant: small-caps;.

Cuando utiliza esto con una fuente personalizada (iniciada con @font-face), a veces falla.

trate de añadir un text-transform: lowercase; antes de agregar el font-variant:

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