font-weight no funciona correctamente?

http://www.i3physics.com/blog/2010/07/dsfsdf/font-weight no funciona correctamente?

Aquí hay un ejemplo.

La parte donde decía "PHP" (la esquina superior derecha) seguía siendo tan delgada como era. aquí es parte del código CSS

.wp_syntax_lang { 
    background-color:#3c3c3c; 
    position:absolute; 
    right:0; 
    padding:1px 10px 3px; 
    color:#ddd; font-size:9px; font-weight:800; 
    text-transform:uppercase; 
    -moz-border-radius-bottomleft:5px; 
    -webkit-border-bottom-left-radius:5px; 
    border-radius-bottomleft:5px; 
}

Probé negrita, más audaz, 700, 800, 900 y no está funcionando por debajo de FF.

Fuente

2010-07-29 CppLearner

No ha preguntado, pero el diseño es extremadamente ajustado e intenta meter 36px h1 en un ancho de 436px #cabeza hace que "Blo/g" se ajuste a la barra en cualquier factor de zoom (cromo de Linux). – msw

También tiene un par de errores de sintaxis y un error de marcado: http://validator.w3.org/check?uri=http://www.i3physics.com/blog/2010/07/dsfsdf/&charset= (detectar + automáticamente) & doctype = Inline & group = 0 – msw

Gracias, amigo. Trabajaré en esos cuando tenga el tiempo :) – CppLearner

Es porque el tamaño de fuente (9px) es demasiado pequeño para mostrar en negrita. Pruebe con 11px o más y funciona bien.

Fuente

2010-07-29 22:56:55 Rito

Gracias. Exactamente el motivo. – CppLearner

La mayoría de los navegadores no son totalmente compatibles con los valores numéricos de font-weight. Here's a good article about the problem, e incluso es un poco viejo, parece ser correcto.

Si necesita algo más audaz, entonces puede intentar usar una fuente diferente que sea más audaz que la existente. Naturalmente, probablemente podría ajustar el tamaño de fuente para un efecto similar.

Fuente

2010-07-29 22:57:10 derekerdmann

Quité el text-transform: uppercase; y luego lo configuré en bold/bolder, y esto pareció funcionar.

Fuente

2010-07-29 22:57:17

font-weight También puede fallar el funcionamiento si la fuente que está utilizando no tiene esos pesos en existencia; a menudo se golpeará cuando incruste fuentes personalizadas. En esos casos, es probable que el navegador redondee el número al peso más cercano que tenga disponible.

Por ejemplo, si lo integrar la siguiente fuente ...

@font-face { 
    font-family: 'Nexa'; 
    src: url(...); 
    font-weight: 300; 
    font-style: normal; 
}

entonces no voy a ser capaz de utilizar que no sea un peso de 300. Todos los demás nada pesos volverán a 300, si no especifico declaraciones adicionales @font-face con esos pesos adicionales.

Fuente

2017-03-23 02:20:50

font-weight no funciona correctamente?

Respuesta

Cuestiones relacionadas