tipo - tamaño de letra css
¿Cómo configuro la fuente ''semi-negrita'' a través de CSS? El peso de fuente de 600 no lo hace parecer semi-negrita que veo en mi archivo de Photoshop (5)
Estoy haciendo una conversión de Photoshop a XHTML , y el diseñador del sitio web usó la fuente Myriad Pro Semi-bold que se ve bien en el archivo de Photoshop, pero cuando pruebo la opción semi audaz en CSS, se parece mucho a una fuente en negrita normal, que es demasiado audaz para mi propósito. ¿Hay alguna manera de conseguir una fuente semi audaz más bonita en HTML y CSS o simplemente me encuentro con ''font-weight: 600;''?
A mediados de 2016, el motor Chromium (v53) admite solo 3 estilos de énfasis:
Texto sin formato, negrita y super-negrita ...
<div style="font:normal 400 14px Arial;">Testing</div>
<div style="font:normal 700 14px Arial;">Testing</div>
<div style="font:normal 800 14px Arial;">Testing</div>
En CSS, para la propiedad font-weight , el valor predeterminado es el valor numérico 400 y el valor en bold es 700.
Si desea especificar otras ponderaciones, debe dar el valor numérico. Ese valor numérico debe ser compatible con la familia de fuentes que está utilizando .
Por ejemplo, definiría semi-negrita como esta:
font-weight: 600;
Aquí un JSFiddle que usa la familia de fuentes ''Open Sans'', cargada con los pesos anteriores.
Para mí, lo siguiente funciona bien. Solo agrégalo. Puede editarlo según su requisito. Este es solo un buen truco que uso.
text-shadow : 0 0 0 #your-font-color;
font-family: ''Abrir Sans''; font-weight: 600; importante cambiar a una familia de fuentes diferente
La forma más práctica es establecer font-family en un valor que es el nombre específico de la versión semicudada, como
font-family: "Myriad pro Semibold"
si ese es el nombre (Personalmente utilizo mi propia herramienta de listado de fuentes , que se ejecuta en Internet Explorer solo para ver las fuentes en mi sistema por nombres que se pueden usar en CSS).
En este enfoque, el font-weight no es necesario (y probablemente sea mejor no configurarlo).
Los navegadores web han sido pobres en la implementación de pesos de fuentes por el libro: en gran medida no pueden encontrar la versión de peso específico, excepto en negrita. La solución consiste en incluir la información en el nombre de la familia de fuentes, aunque esta no es la forma en que se supone que funcionan las cosas.
Probando con Segoe UI, que a menudo existe en diferentes versiones de peso de fuente en sistemas Windows, pude hacer que Internet Explorer 9 seleccionara la versión apropiada cuando usé el enfoque lógico (de usar el nombre de la familia UI de Segoe y diferentes valores de font-weight ) , pero falló en Firefox 9 y Chrome 16 (solo trabajo normal y audaz). En todos estos navegadores, por ejemplo, configurando font-family: Segoe UI Light funciona bien.