cambiando el tamaño del carácter con CSS

Question

¿Es posible cambiar el tamaño de un carácter específico mediante CSS?

Por ejemplo, en un párrafo estoy usando font-face: Arial; font-size: 12pt;. Me gustaría que solo la letra "a" aparezca en tamaño 10.

¿Hay alguna manera de hacerlo?

Gracias.

Answer 1

yo no le creo puede, considerar el uso de un editor de texto para hacer una búsqueda/reemplazo 'a' con <span class='a-xxx'>a</span> y luego se puede utilizar CSS para hacer .a-xxx { font-size: 10px; }

Answer 2

No. Solo puede segmentar los elementos (como un tramo que contiene una sola letra) y pseudoelementos (como :first-letter).

Answer 3

No. Excepto por :first-letter y otras pseudo-clases, no puede segmentar caracteres individuales mediante CSS. Tendrá que ajustar el carácter en un elemento (por ejemplo, <span>) para especificar un estilo para él.

Puede solucionar esto con Javascript: existen soluciones basadas en jQuery aquí en SO. Pero es kludgy.

Answer 4

No se puede hacer esto en una cruz -navegador de manera consistente y simple sin javascript. Recomiendo 'capturar' para jquery.

Answer 5

También para accesibilidad y compatibilidad y todo lo mejor es no definir fuentes específicas (prueba font-family) y tamaños en términos de grande, más grande que usar% ontop de eso, y definirlas como span/div personalizado estilos

por ejemplo

bigletter (font-size: 150%);