Cómo hacer que Open Sans sea más atrevido una vez importado de Google Fonts

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:

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

Debe cambiar el peso de la fuente a 800 y el estilo frontal a negro … así:

@Perfil delantero {
font-family: ‘Open Sans’;
estilo de fuente: negro;
peso de fuente: 800;
src: url ( https://fonts.gstatic.com/s/opensans/v14/cJZKeOuBrn4kERxqtaUH3SZ2oysoEQEeKwjgmXLRnTc.ttf ) formato (‘truetype’);
}

El negro es básicamente una versión más gruesa de negrita.

¡Espero que esto ayude!

Puedes hacer el trabajo en dos pasos.

Paso 1: agregue esto debajo de las etiquetas de enlace en la parte superior de su HTML:

https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&quot ; rel =” stylesheet “>

Paso 2: Agregue su CSS de esta manera …

h2 {
font-family: ‘Open Sans’, sans-serif;
peso de fuente: 800;
}

Espero que hayas encontrado la solución a tu problema.

Agregue su css – font-weight: 800;

Por ejemplo:

h1 {

‘font-family:’ Open Sans ‘, sans-serif;

peso de fuente: 800;

}