如何在github页面上“自托管”字体 - 网站字体无法加载

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没有此功能。）