Sass 是否可以使用scss从目录导入字体？

我有一个带有字体导入的scss文件，其实现方式如下：

@import url(https://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700&subset=latin-ext,cyrillic); 

我知道使用CDN可以为用户提供缓存方面的优势，但这是一个内部站点，可以在服务器上使用，而无需访问

wide-web

。我不确定用户机器是否也能访问互联网。因此，我想与其他页面静态文件一起提供前端服务

在SCSS中是否有方法从服务器上的某个目录导入字体？比如：

@import dir(/path/to/fonts/file)

---

或者SCSS没有此功能？

据我所知，您不能使用SCSS中的

@import

导入字体。您可以使用

@font-face

包含字体。例如：

@font-face {
    font-family: 'Open Sans';
    src: url(path/to/file) format(Example: 'truetype' or 'opentype' depending on the file extension of your font);
}


// USAGE
body {
    font-family: 'Open Sans', sans-serif;
}

---

通常它用于导入CSS片段或文件，而不是字体。 如果您使用的是Ruby SASS/SCSS，请尝试此解决方法，并尝试不使用括号

@import "https://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700&subset=latin-ext,cyrillic.css"; 

---

我在它后面放了一个

.css

。我可以使用Ruby SASS/SCSS，但不能使用LibSass。

虽然有点晚，但您可以使用以下格式与LibSass一起进行外部导入

---

导入url（“http…”）

这就是谷歌字体的导入功能。如果您将导入url放入浏览器，这就是您看到的内容（一堆

@font-face

），效果非常好。现在还建议添加

font-display:swap在
@font-face
规则中。给你一些额外的谷歌积分；）看，我不认为url周围应该有任何引号