只是尝试使用新字体,将其放在一个文件夹中并链接到它,但我得到了这个:
获取http://localhost/mywebsite/fonts/garamond/EBGaramond12-Regular.ttf 403(禁止)
我是这样实现的:
@font-face {
font-family: Garamond;
src: url(../fonts/garamond/EBGaramond12-Regular.ttf);
text-rendering: optimizeLegibility;
}
路径是正确的,但我不确定为什么会得到403.我在OSX上使用XXAMP,其他字体工作正常。
答案 0 :(得分:1)
GET http://localhost/mywebsite/fonts/garamond/EBGaramond12-Regular.ttf 403(禁止)
是文件权限问题的标志。 您可以在终端中通过ls -l获取文件权限。通过chmod将它们更改为777应该可行。稍后您可以将它们更改为较低的安全权限。
答案 1 :(得分:-3)
尝试删除字体路径中的起始双点和斜线。
像这样:
@font-face {
font-family: Garamond;
src: url(fonts/garamond/EBGaramond12-Regular.ttf);
text-rendering: optimizeLegibility;
}
只有当您的fonts目录位于项目目录之外或者样式文件位于子目录而不是项目根目录时才需要../
。
另一方面,它可能是哑剧类型问题。
请参阅此帮助:Why is @font-face throwing a 404 error on woff files?