fonts - 如何向 Jekyll 网站添加自定义本地字体?

标签 fonts icons config jekyll assets

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

@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/

相关文章:

tomcat - 在 Tomcat 中选择 Grails 环境

javascript - 是否可以更改新遗物配置文件的根位置?

azure - Azure CDN 上的 ttf 字体文件出现 CORS 错误

html - Google Chrome 输入文本被截断。是字体问题还是浏览器?

windows - 检索当前用户打印机的图标

c# - 创建连接文件的最佳实践

html - 如何部署未安装在其他资源中的字体?

iOS:如何复制带有字体的文本

ios - iphone 应用程序不在 ipad 上显示图标

android - 为什么我的应用程序图标在 MIUI 或 vivo 启动器中没有更新?