在 scss 中导入字体变体 - React
Importing font variant in scss - React
我是 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
要使用 Nunito Sans 将所有段落设置为粗体和斜体,您首先需要定位每个 p
元素,然后添加您需要的字体系列和字体样式。例如:
p {
font-family: 'Nunito Sans', sans-serif;
font-weight: bold;
font-style: italic;
}
如果您只想在该特定组件中使用此 css,请创建一个单独的 scss 文件并将其仅导入到该组件中,例如:
@import './link-style.scss';
这可能有效
//index.scss
.paragraph {
font-family: 'Nunito Sans', sans-serif;
font-weight: bold;
font-style: italic;
}
<!--Link js -->
<p className="paragraph">
paragraph text
</p>
我是 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
要使用 Nunito Sans 将所有段落设置为粗体和斜体,您首先需要定位每个 p
元素,然后添加您需要的字体系列和字体样式。例如:
p {
font-family: 'Nunito Sans', sans-serif;
font-weight: bold;
font-style: italic;
}
如果您只想在该特定组件中使用此 css,请创建一个单独的 scss 文件并将其仅导入到该组件中,例如:
@import './link-style.scss';
这可能有效
//index.scss
.paragraph {
font-family: 'Nunito Sans', sans-serif;
font-weight: bold;
font-style: italic;
}
<!--Link js -->
<p className="paragraph">
paragraph text
</p>