Импорт варианта шрифта в scss - React

Question

Я новичок в css, поэтому я немного растерялся. Вот что я делаю в моем файле 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;
}

Я хочу сделать все параграфы Nunito Sans Bold Italic. Как я могу сделать это в определенном файле сказать components/link.js

css reactjs sass google-fonts

0

ImranNaqvi 26 Окт 2019 в 11:55

Answer 1

Чтобы все абзацы были оформлены с помощью Nunito Sans жирным шрифтом и курсивом, сначала нужно нацелить каждый элемент p, а затем добавить семейство шрифтов и нужные вам стили шрифта. Например:

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

Если вам нужен этот CSS только в этом конкретном компоненте, создайте отдельный файл scss и импортируйте его только в этот компонент, например:

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

0

James Grimshaw 26 Окт 2019 в 11:42

Answer 2

Это может сработать

//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 Окт 2019 в 12:11

Answer 3

Посмотрите на свою HTML-разметку. Чтобы стилизовать некоторые конкретные элементы, попробуйте добавить к ним класс css. Чем, используя этот класс, в вашем файле scss вы сможете применить определенный шрифт. Дайте мне знать, если вам нужна дополнительная поддержка

0

AdamKniec 26 Окт 2019 в 09:21

Импорт варианта шрифта в scss - React

3 ответа

Похожие вопросы

Новые вопросы

css