为啥上传到 CPANEL 后我的网页无法加载 woff 和 ttf 扩展字体

Posted

技术标签:

【中文标题】为啥上传到 CPANEL 后我的网页无法加载 woff 和 ttf 扩展字体【英文标题】:Why after upload to CPANEL my web cannot load the woff and ttf extension font为什么上传到 CPANEL 后我的网页无法加载 woff 和 ttf 扩展字体 【发布时间】:2022-01-10 09:28:30 【问题描述】:

为什么这两种字体在我上传到 CPANEL 后无法加载,在 localhost 中一切运行良好

【问题讨论】:

仔细检查文件是否存在,并检查文件有什么权限,它们需要被网络服务器读取 你检查网络了吗?还要在 cPanel 中手动检查路径 【参考方案1】:

尝试在公共文件夹中上传您的字体资源。

还要确保你可以通过url访问它们,例如:

https://example.com/public/fonts.ttf or woff

在您的字体 css 样式中,执行以下操作:

@font-face  
      src: url('/fonts/yourfont.woff'); 

测试您是否可以像这样访问您的字体:

@font-face  
      src: url('https://example.com/public/fonts.ttf'); 

如果上述代码运行成功,那么您应该检查文件是否正确上传到CPanel。

【讨论】:

【参考方案2】:

我猜是字体文件地址的问题。正如其他人提到的,请确保正确上传文件并正确设置其权限。

那么,你有没有使用 'url' 辅助函数来调用字体?如果不是,请尝试并分享结果。

如果您的字体目录位于公共文件夹中,则:

 @font-face  
     src: url('/fonts/simple-line-icons.woff');
 

【讨论】:

以上是关于为啥上传到 CPANEL 后我的网页无法加载 woff 和 ttf 扩展字体的主要内容,如果未能解决你的问题,请参考以下文章

在 cpanel 中看不到/上传我的 .env 文件

cpanel中缺少wordpress的Mysql扩展

如何在 cpanel 上上传 react.js 站点?

CPANEL上的Symfony 3应用程序将无法运行

我在 cpanel 上的 django 网站没有加载我的媒体文件(从管理员上传的图像)但是当 DEBUG=False 时我的所有 stacticfiles(css 等)都可以工作

使用 filezilla 或 cpanel 将文件上传到服务器后,css 无法正常工作