我有一个从 Icomoon 导出的自定义图标字体,我正在尝试弄清楚如何将它合并到我的 Jekyll 站点中(我对 Jekyll 有点陌生!)我已经在我的 Assets 文件夹中添加了从 Icomoon 导出的目录,我已经包括了这一行:

@include embed-font ("Icomoon", "../assets/fonts/font/icomoon.ttf");

在我的 CSS 中,并添加到我的配置文件中:
assets:
   sources:
       -_assets/fonts

但我收到一条错误消息:“我的 CSS 的第 2 行未定义 mixin 'embed-font'。

有谁知道我可以采取哪些步骤来正确集成它?或者有任何资源/教程吗?我真的觉得很失落。

最佳答案

不要使用@include,而是像这样尝试@font-face:

@font-face {
  font-family: "Icomoon";
  src: url("../assets/fonts/font/icomoon.tff");
}

引用:https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Web_fonts

关于fonts - 如何将自定义本地字体添加到 Jekyll 站点?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/39043393/

10-16 19:35