2011-12-16 30 views
5

Acabo de probar algo que funciona perfecto en Firefox y Chrome no hace nada con la propiedad font-weight: bold/bolder.`font-weight` ¿No funciona en cromo?

Traté de mirar para otra propiedad CSS que se puede sobrescribir y no la hay, también Google no tiene respuestas para mí ..

position: absolute; 
top: 8px; 
left: 50px; 
font-size:38px; 
font-weight: bolder; 
+1

¿Puedes crear un ejemplo de trabajo en [JSfiddle] (http://jsfiddle.net/) y publicarlo aquí? –

+0

[no-repro] (http://jsfiddle.net/mattball/mfw7e/). Proporcione un [SSCCE] (http://sscce.org) ya que el problema básicamente debe ser en otro lugar. –

+0

Algo más está mal. Es audaz en tu ejemplo de violín. De hecho, es en negrita dos veces, una vez basada en su declaración de estilo '# CountDownPanel' y una vez para la declaración de estilo' .box'. – mrtsherman

Respuesta

6

resuelve con:

font-weight: 900; 
font-family: "Arial Black", Arial, sans-serif; 
1

funciona bien. La propiedad debe sobrescribirse en algún lugar o hay un error en su estructura html en alguna parte. Cuando inspecciona el elemento a través del inspector de Chrome, ¿ve que tiene el atributo de estilo más audaz?

http://jsfiddle.net/NNBZB/

1

Si está utilizando @font-face para la font-family, entonces usted probablemente está experimentando this bug.

Estoy teniendo el mismo problema, pero con Chrome ignorando font-weight:normal y usando negrita por defecto, ni siquiera parece que la versión en negrita debería, y no hay anti-aliasing.

+0

En mi caso, tuve 'font-weight' en' @ font-face' rule que anulaba mis clases '' font-weight' aunque tenían '! important'. – xinthose

Cuestiones relacionadas