403 Forbidden - XAMPP 上的字体答案

【问题标题】：403 Forbidden - Fonts on XXAMP403 Forbidden - XAMPP 上的字体
【发布时间】：2017-11-22 17:02:36
【问题描述】：

刚刚尝试使用一种新字体，将它放在一个文件夹中并链接到它，但我得到了这个：

获取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，其他字体也可以。

【问题讨论】：

【解决方案1】：

GET http://localhost/mywebsite/fonts/garamond/EBGaramond12-Regular.ttf403（禁止）

是文件权限问题的标志。您可以在终端中通过 ls -l 获取文件权限。通过 chmod 将它们更改为 777 应该可以工作。稍后您可以将它们更改回较低的安全权限。

【讨论】：

【解决方案2】：

尝试删除字体路径中的起始双点和斜线。

像这样：

@font-face {
  font-family: Garamond;
  src: url(fonts/garamond/EBGaramond12-Regular.ttf);
  text-rendering: optimizeLegibility;
}

../ 仅当您的字体目录位于项目目录之外或您的样式文件位于子目录而不是项目根目录时才需要。

另一方面，可能是 mime 类型问题。

【讨论】：