Question

我有一个以这种方式实现字体导入的scss文件：

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

据我所知，使用CDN可以为用户提供缓存优势，但这是内部网站，可以在服务器上使用而无需访问wide web。而且我不确定用户机器是否也可以访问Internet。所以我想用其他页面静态文件服务前端。

SCSS中有没有办法从服务器上的某个目录导入字体？类似的东西：

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

或者SCSS没有此功能？

Answer 1

据我所知，您无法在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;
}

Answer 2

有点晚了，但是您可以对libsass使用以下格式进行外部导入

@import url("http...");

Answer 3

通常它用于导入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。

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

3 个答案: