如何在Sass中使用@use谷歌字体URL



给定SASS中的新模块系统(https://sass-lang.com/blog/the-module-system-is-launched)以及他们逐步淘汰@import的计划,我将我的@import改为@use。我在大多数情况下都很成功,但我遇到了一个问题:我目前使用@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap')将Montserrat字体导入我的代码中,我不知道如何使用@use来实现这一点。我试过以下几种:

@use url('https://fonts.googleapis.com/css?family=Montserrat&display=swap')

@use "url('https://fonts.googleapis.com/css?family=Montserrat&display=swap')"

@use 'https://fonts.googleapis.com/css?family=Montserrat&display=swap'

所有这些都给了我一个SASS编译错误。在这种情况下如何使用@use

@import替换@use/@forward是为了使导入函数的Sass版本不再与它的香草CSS版本共享托管权。

在本例中,您尝试使用vanilla功能,因此@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap')是正确的语法。

相关内容

最新更新