Как самостоятельно разместить шрифты на github-страницах — шрифты веб-сайта не загружаются

#css #github #fonts #font-face #github-pages

#css #github #шрифты #шрифт-лицо #github-страницы

Вопрос:

Недавно я запустил свой веб-сайт-портфолио на Github, к сожалению, мои шрифты не загружаются в мое портфолио на GitHub. Как мне «самостоятельно разместить» шрифты на Github?

Я исследовал и наткнулся на эту ссылку, но я не уверен, как ее реализовать или является ли это эффективным способом решения моей проблемы.

https://github.com/KyleAMathews/typefaces

Вот мой css-код @font-face:

 @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;
}
  

Ответ №1:

Ваш блок кода выглядит без проблем.

Вы уверены, что указан правильный относительный путь или правильно разместили свои файлы шрифтов?

или вы импортировали этот файл в свой main.css ?

или изменение относительного пути на абсолютный путь: например, src:url('../fonts/et-line.eot'); на src:url('{{ site.url }/assetss/fonts/et-line.eot');

или, если вы установили несколько шрифтов для элемента и хотите знать, какой из них сработал, вы могли бы использовать Firefox для проверки элемента, под названием используемого шрифта отображается подчеркивание. (В Chrome нет этой функции.)

Комментарии:

1. @MarlaTarrant Я обновил свой ответ, попробуйте использовать абсолютный путь