Question

不幸的是，我最近在Github上启动了我的投资组合网站，不幸的是，我的字体没有加载到我的GitHub投资组合中。如何在Github上“自托管”字体？

我已经研究并发现了此链接，但是我不确定如何实现它，或者它是否是解决我的问题的有效方法。

https://github.com/KyleAMathews/typefaces

这是我的@ font-face CSS代码：

@font-face {

   font-family: 'et-line';
   src:url('../fonts/et-line.eot');
   src:url('../fonts/et-lined41d.eot?#iefix') format('embedded-opentype'),
       url('../fonts/et-line.woff') format('woff'),
       url('../fonts/et-line.ttf') format('truetype'),
       url('../fonts/et-line.svg#et-line') format('svg');
   font-weight: normal;
   font-style: normal;
}

Answer 1

您的代码块看起来没问题。

您确定相对路径正确还是正确放置了字体文件？

或者您是否将此文件导入到main.css中？

或将相对路径更改为绝对路径：例如从src:url('../fonts/et-line.eot');更改为src:url('{{ site.url }/assetss/fonts/et-line.eot');

或者如果您为一个元素设置了多种字体并且想知道哪种字体受到影响，则可以使用Firefox检查该元素，并在受影响的字体名称下显示一个下划线。（Chrome没有此功能。）

如何在github-pages上'自我托管'字体-网站字体未加载

1 个答案: