2012-02-26 10 views
10

¿Cuál es la nueva forma "temporal" de aumentar temporalmente el tamaño de una fuente y luego regresar a la normal (sin usar CSS, o CSS es la mejor manera).Etiqueta de estilo HTML equivalente a "tamaño de fuente + 2"

Quiero insertar una palabra hebrea en mi texto, y para los principiantes, la fuente hebrea es demasiado pequeña. Siempre quiero que sea más grande que el tamaño de fuente actual, no vinculado a un tamaño específico.

La línea 1 a continuación funciona (la forma antigua de hacer las cosas). ¿Cuál es la solución para la línea 2?

This is normal. <font size="+2">bigger</font> back to norm. 
<span style='{FONT-SIZE: +2}'> and also bigger</span>. 
+0

FYI el atributo "estilo" se utiliza para especificar CSS en línea. – dkamins

+0

ver también http://stackoverflow.com/questions/20805668/what-is-best-replacement-for-font-size-x-in-css – Damien

Respuesta

12

me gustaría crear una clase (digamos .hebrew) y establezca la propiedad font-size a 1.2em. De esta forma, sea cual sea el tamaño de fuente del texto circundante, el texto con la clase de hebreo será un 20% más grande.

.hebrew { 
    font-size: 1.2em; 
} 

Aquí hay una rápida demo jsFiddle para ilustrar (a color de verde para ayudar a mostrar la diferencia).

y como se señaló en los comentarios, para utilizar esta en el código HTML, deberá añadir la clase de este modo:

<span class="hebrew"> malesuada augue imperdiet eget. Cum et magnis</span> 
+0

Este parece ser el mejor camino a seguir. Luego, puede cambiar fácilmente su hebreo, renderizando todo en un solo lugar, incluyendo el cambio de fuentes, etc. – dkamins

+1

PS para usar esto en su HTML, usted pondría: 'La palabra es שלום .' – dkamins

+0

Guay. Tendré que encontrar ahora dónde está el CSS en mi tema de WordPress; hoy, simplemente haciendo una prueba rápida de concepto, escribiendo un "código abreviado" de WordPress. – NealWalters

8

<font size="+2"> es equivalente a font-size: x-large; por lo que su segunda línea debe ser

<span style='font-size: x-large;'> and also bigger</span>. 
+0

¿Qué tal '' '. ¿Cuál es la equivalencia? ¿Es 'más grande'? –

7

CSS es la mejor manera de hacer esto.

<span style="font-size: 120%;"></span>

Cuestiones relacionadas