Forzar HTML textarea a utilizar una fuente monoespaciada usando CSS

Question

¿Cómo puedo hacer que mi área de texto use una fuente monoespaciado?

Answer 1

Si estoy entendiendo correctamente, ya debería heredar estilos de agente de usuario por defecto, pero si lo desea de manera explícita, basta con especificar una fuente familiar (estilos alzado con el gato de Stackoverflow hoja de estilo)

textarea { 
    font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace; 
} 

Especificar el familias de fuentes más específicas (específicas del monoespacio) primero, y si el agente de usuario no tiene esa disponible, las seguirá probando hasta el final, en cuyo caso cambiaría a la familia de fuentes del agente de usuario predeterminado para ese elemento, si corresponde fue especificado.

Answer 2

Simplemente use una fuente monoespaciada. Por ejemplo para algo como:

<textarea id="mytextarea"></textarea> 

el css sería:

#mytextarea { 
    font-family: monospace; 
} 

Si desea utilizar una fuente específica de espacio sencillo, que puede pero no se olvide de añadir el genérico 'de espacio sencillo' en el fin en caso de que el usuario no tiene instalada la fuente que desea:

#mytextarea { 
    font-family: 'DejaVu Sans Mono', monospace; 
} 

Answer 3

también puede utilizar la norma genérica font-family: monospace, pero tenga cuidado - hay algunas efectos secundarios severos (tristemente) en Chrome, Safari y cualquier cosa basada en WebKit.

ver:

• http://webkit.org/blog/67/strange-medium/
• http://archivist.incutio.com/viewlist/css-discuss/103606

Answer 4

textarea 
{ 
font-family: monospace; 
} 

Es posible que tenga que añadir un importante si no se trabaja

textarea 
{ 
font-family: monospace !important; 
}