No parece haber ninguna diferencia entre 'font-weight: normal' y 'font-weight: bold' en Google Chrome (y probablemente Safari). ¿Alguien ha encontrado la manera de invocar el 'font-weight: thinner' en Chrome de la misma manera que lo hace Firefox?¿Cómo consigo 'font-weight: light' para que funcione en Google Chrome?
Esto parece ser un known issue en cromo fijada en último desarrollo se basa:
Hay una temporary workaround también puede probar:
Para habilitar la propiedad
font-weighten un tipo de letra que no hace@font-facetiene una fuente en negrita definida, necesita definir explícitamentefont-weight:normal;yfont-style:normal;en la definición@font-face. Ejemplo:
@font-face {
font-family: 'GriffosFont Regular';
font-weight: normal;
font-style: normal;
src: url('fonts/GriffosFont.eot');
src: local('GriffosFont Regular'), local('GriffosFont'), url('fonts/GriffosFont.woff') format('woff'), url('fonts/GriffosFont.\
ttf') format('truetype'), url('fonts/GriffosFont.svg#GriffosFont') format('svg');
}
font-weight: lighter; no estaba trabajando para mí, así que utiliza font-weight: normal; lugar, que trabajó para mi propósito. no está seguro de lo que está pasando con cromo en este momento ...
Tenga en cuenta que 'font-weight: lighter' hace que la fuente «un paso» sea más clara, por lo que un elemento que hereda negrita se representaría con un font-weight normal. Si tiene en mente un peso de fuente específico, es mejor especificarlo directamente. 'font-weight: 200' arrojará una fuente de luz. – Henrik
Estoy de acuerdo. Por lo que vale, en el momento de esta publicación, 'font-weight: lighter;' no funcionaba en chrome. Podía investigar mis compromisos para encontrar la versión exacta de Chrome que tenía el error y estoy seguro de que ya se ha corregido (cinco años después). – teewuane
Tal vez es necesario agregar esto a tu CSS:
* {-webkit-font-smoothing: antialiased;}
+1, un buen hallazgo =) –