Use ‘font-weight: 800;’ para Extra Bold.
Los valores de 100–900 corresponden aproximadamente a los siguientes nombres de peso comunes:
- 100 – Delgado / extra fino / rayita
- 200 – Extra Light / Ultra Light
- 300 – Light
- 400 – Regular (Normal)
- 500 – Medio
- 600: semi negrita / semi negrita
- 700 – negrita
- 800 – Extra Bold / Ultra Bold
- 900 – Negro / Ultra Negro / Pesado
No estoy completamente seguro de lo que está haciendo, pero puede implementar Open Sans mucho más fácil. Agregue esto debajo de las metaetiquetas en la parte superior de su HTML:
- ¿Cuáles son algunos ejemplos de fuentes lindas?
- El nombre de mi sitio web tiene dos ‘t’ seguidas. ¿Qué fuente debo usar en mi tarjeta de visita para evitar que las personas escriban una t?
- ¿Qué formato utilizo al escribir una novela en Microsoft Word? ¿Qué fuente uso, qué tan grandes son las letras? ¿Cuándo sangro? ¿Cómo lo configuro todo?
- ¿Cuál es el tamaño de fuente mínimo para las presentaciones de PowerPoint?
- ¿Con qué fuente deben escribirse los libros? ¿Por qué?
Para usar los diferentes pesos, especifíquelos en el CSS:
pag {
font-family: ‘Open Sans’, sans-serif;
}
.ligero {
peso de fuente: 100;
}
.semibold {
peso de fuente: 600;
}
.extrabold {
peso de fuente: 800;
}
Tenga en cuenta que si desea agregar Light y Semibold, deberá agregar ‘100’ y ‘600’ en el enlace de referencia (y agregar una ‘i’ si desea usar la cursiva de ese peso), así:
Ahora, cuando usa la etiqueta de párrafo (
), su texto se transformará en Open Sans. Cuando use la etiqueta en negrita (
) dentro de la etiqueta del párrafo, su texto se establecerá en Open Sans Bold (pero nuevamente, tendrá que agregar ‘700’ al enlace de referencia). El atributo negrita es inherente a la etiqueta negrita y, por lo tanto, no necesita especificarse en el CSS.
Pero los otros pesos tendrán que especificarse, como hice anteriormente. Luego use
Text
o
Text
para hacer uso del peso en negrita adicional. Alternativamente, puede agregar la clase a sus divs o definir el peso de la fuente en el CSS de los divs.
Si planea usar Extra Bold en lugar de Bold y ningún otro peso, excepto el peso normal, puedo recomendarle el siguiente método:
b {
font-family: ‘Open Sans’, sans-serif;
peso de fuente: 800;
}
Y luego simplemente use la etiqueta como lo haría normalmente.
Leer más: regla CSS3 @ font-face en w3schools