Soy nuevo en css, así que estoy un poco confundido. Esto es lo que estoy haciendo en mi archivo index.scss

@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:400,400i,700,800,800i,900i&display=swap');

body {
  font-family: 'Nunito Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

Quiero hacer todos los párrafos Nunito Sans Bold Italic. ¿Cómo puedo hacer eso en un archivo específico que dice components/link.js

0
ImranNaqvi 26 oct. 2019 a las 11:55

3 respuestas

La mejor respuesta

Para que todos los párrafos tengan estilo con Nunito Sans en negrita y cursiva, primero debe apuntar a cada elemento p, luego agregar la familia de fuentes y los estilos de fuente que necesita. Por ejemplo:

p {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: bold;
  font-style: italic;
}

Si solo desea este CSS en ese componente en particular, cree un archivo scss separado e impórtelo solo en ese componente, por ejemplo:

@import './link-style.scss';

0
James Grimshaw 26 oct. 2019 a las 11:42

Esto puede funcionar

//index.scss

.paragraph {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: bold;
  font-style: italic;
}
<!--Link js -->
<p className="paragraph">
paragraph text
</p>
0
Mamun 26 oct. 2019 a las 12:11

Mira tu marcado HTML. Para diseñar algunos elementos particulares, intente agregarles una clase CSS. Entonces, usando esa clase, en su archivo scss podría aplicar la fuente en particular. Avísame si necesitas más apoyo

0
AdamKniec 26 oct. 2019 a las 09:21