我目前正在努力解决我的个人作品网站的问题。我使用自定义字体使页面看起来更好,但出现了@font-face无法工作的问题。
这是我的CSS代码:
@font-face{
font-family: 'Quicktype';
src: url('Fonts/quicktype_condensed-webfont.woff2') format('woff2'),
url('Fonts/quicktype_condensed-webfont.woff') format('woff'),
url('Fonts/QuickType Condensed.ttf') format('truetype'),
url('Fonts/QuickType Condensed.eot'),
url('Fonts/QuickType Condensed.eot?#iefix') format('embedded-opentype'),
url('Fonts/QuickTypeCondensed.svg#QuickTypeCondensed') format('svg');
font-weight: normal;
font-style: normal;
}
这是我的网站链接:http://alfabitsgamedev.com/,这是我的github文件层级链接:https://github.com/Alfabits/alfabits-game-dev-3。
我已经尝试使用尽可能多的字体文件类型,但在我使用的任何浏览器上都无法正常工作。我尝试了不同的字体目录路径,但似乎也不起作用。我还查找了一些解决方案,但没有一个能解决我的问题。
该网站总是返回 .ttf、.woff 和 .woff2 字体的 404 错误(其他字体从未出现过错误)。或者返回奇怪的 GET 错误。
我知道不能使用 .htaccess 文件,因为 Github Pages 只托管静态内容,无法进行服务器端逻辑。所以我有点迷失在这种情况下为什么会发生,以及如何解决。非常感谢您提前的帮助。