#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 Я обновил свой ответ, попробуйте использовать абсолютный путь