【问题标题】:How to use downloaded fonts in scss?如何在scss中使用下载的字体?
【发布时间】:2022-01-21 19:52:39
【问题描述】:

我已经下载了字体,现在我想在我正在工作的项目中使用它。我不想通过@font-face 使用它。有什么方法可以使用吗?

【问题讨论】:

    标签: css sass


    【解决方案1】:

    你可以像在导入中那样做......我通常有一个包含字体导入的 scss 部分,比如_font.scss 然后@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@200;300;400;500&display=swap");

    然后在我的_vars.scss 中引用字体,然后创建包含字体系列$font-default: "Barlow", "Helvetica Neue", Helvetica, Arial, sans-serif, -apple-system; 的变量

    在我的main.scss 中,请确保同时调用两者...

    @import "~styles/core_styles/vars"; @import "~styles/core_styles/fonts";

    【讨论】:

    • 实用方法怎么样?请链接一个视频,因为我是 scss 的初学者,所以我可以看到事情是如何发生的。
    • 这就像我能描述的一样简单,教学视频在这里codecademy.com/learn/learn-sass
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-01-10
    • 1970-01-01
    • 2019-08-14
    • 2021-11-14
    • 1970-01-01
    • 2015-02-17
    • 2020-10-08
    相关资源
    最近更新 更多