Personalización de la materia negrita con CSS

Question

No creo que mi texto en negrita en una página web son lo suficientemente audaz, así que me preguntaba si había alguna maneras en que podría retocar el texto en negrita con CSS.

Answer 1

con font-weight puede especificar la «osadía» de su texto con un número más alto ... pero casi todos los navegadores no sólo se mostrará el texto de la misma «audacia», ya que sin un número específico.

Alternativamente, puede utilizar osada o en blanco Estilos de la misma fuente, pero la mayoría de los usuarios de Internet pueden no haber instalado estos tipos de letra específicos.

ver ejemplos: http://clagnut.com/blog/2228/

Answer 2

una solución si el tipo de letra negrita no apoya realmente el estilo negrita es emular la audacia usando textshadows CSS3.

<span class="bold">some text goes here</span>

span.bold {
    text-shadow: 1px 0px 0px #000; /* the textcolor */
    padding-right: 1px;
    letter-spacing: 1px;
}

añade 1px a la derecha y los espacios letras para hacer que se vea limpio de nuevo. También es posible combinar muchas "sombras" poniéndolos en comas:

text-shadow: 1px 0px 0px #000, -1px 0px 0px #000, /*...*/ ; 

Answer 3

El font-weight (w3schools.com) Propiedad le permite cambiar la audacia de su texto. No estoy seguro de si todos los navegadores soportan plenamente o no, sin embargo.

Answer 4

sí se puede Twerk como este

.myClass 
{
    font-weight: 700;
}

Answer 5

Puede especificar un font-weight de 900, aunque la mayoría de los navegadores muestran lo mismo que en negrita.

Se puede considerar el uso de algunas fuentes tales Arial Black cenizas, que es bastante atrevido.

Es posible que desee incluir otros tipos de letra para la plataforma tiene la intención de apoyo, como en Linux ... en Mac Snow Leopard, seguro que hay Arial Negro, y en Windows 7, el tipo de letra en el panel de control sólo muestra Arial , pero tiene estilo como Negro, y el uso de obras "Arial Black":

http://jsfiddle.net/S2SxS/2/

Answer 6

Se puede representar el texto como una imagen en su fuente preferida y audacia, a continuación, establecer la imagen como fondo de la imagen del texto en CSS y establecer el texto-guión a un gran positivo o número negativo para moverlo fuera página. La imagen aparecerá donde estaba el texto, mientras que el texto se encuentra todavía en la página para los lectores de pantalla y motores de búsqueda.