在SCSS中调入字体,通常是通过使用`@font-face`规则来定义自定义字体,或者使用在线字体服务如Google Fonts。以下是如何在SCSS中调入字体的两种方法:
方法一:使用Google Fonts
1. 在Google Fonts上找到你想要的字体,并复制其提供的链接。
2. 在你的SCSS文件中,使用`@import`规则引入这个链接:
```scss
@import url('https://fonts.googleapis.com/css2?family=Your+Font:wght@400;700&display=swap');
```
3. 在你的样式文件中,你可以像使用普通字体一样使用这个字体:
```scss
body {
font-family: 'Your Font', sans-serif;