Css 如何'；自托管'；github页面上的字体-未加载网站字体

我最近在Github上发布了我的公文包网站，不幸的是，我的字体没有加载到我的Github公文包中。如何在Github上“自托管”字体

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

这是我的@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;
}

---

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

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

或者您是否将此文件导入了

main.css

或者将相对路径更改为绝对路径：比如

src:url（'../font/et line.eot'）

to

src:url（{{site.url}/assetss/fonts/et line.eot'）；

---

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

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

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

或者您是否将此文件导入了

main.css

或者将相对路径更改为绝对路径：例如

src:url（'../fonts/et line.eot'）；

更改为

src:url（'{site.url}/assetss/fonts/et line.eot'）；

---

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

@MarlaTarrant我更新了我的答案，尝试使用绝对字体path@MarlaTarrant我更新了我的答案，尝试使用绝对路径