【问题标题】:Why wont Mozilla Firefox support third party fonts on my Website?为什么 Mozilla Firefox 在我的网站上不支持第三方字体?
【发布时间】:2017-11-07 01:47:03
【问题描述】:

我有一个正确使用的 TTF(True Type 字体),它显示在 Safari 和 Chrome 中。有没有办法在 Firefox 上启用第三方字体,或者在所有互联网浏览器中通用的 MAC 友好文件扩展名?

我读过它,人们建议使用 WOFF 文件,但它们是 MAC 上的可执行文件,而 Font Book 不会打开这些文件。我对下载第三方程序来安装这种第三方字体不是特别感兴趣。

(如果您想知道,或者它有帮助,字体是“Top Secret”。就像 ARMY 字体)

【问题讨论】:

  • 阅读建议:this answer,将“woff2”替换为“ttf”,this question。您的网站是如何托管的?您是否有权访问 Web 服务器配置?
  • @HuguesMoreau 我的网站未托管。它位于本地驱动器(我的 MAC)上。我的字体的文件扩展名已经是 TTF。 WOFF 文件不能在 Macintosh 操作系统上运行。

标签: html css firefox fonts


【解决方案1】:

EOT 字体文件对我来说效果很好,here is a detailed article

希望有帮助!

【讨论】:

  • EOT 是一种纯粹的 Internet Explorer 技术,仅适用于 IE8 及以下版本,Microsoft 已于 2016 年 1 月停止使用该技术。现代网站不应使用或被告知使用 EOT 文件。 stackoverflow.com/questions/37086562/…
【解决方案2】:

您在评论中澄清说您从本地磁盘打开网页(因此,使用“file://”URL)。

Firefox does not support loading web fonts from local disk,按设计。

如果该服务器具有正确的配置来为字体文件提供适当的内容类型标头,则它在移动到服务器时将起作用 ,如 here 所述(请注意我不建议使用woff,我只是说 woff 和 ttf 是同一个问题),herehere

【讨论】:

    【解决方案3】:

    相当重要的注意事项:“文件”不是“网站”。浏览器file:/// 资源与实际网站(使用http://https://)一样对待,并且会阻止网站应该允许执行的各种资源加载,但会阻止如果“硬盘上的文件”被允许这样做,那么您将面临各种攻击。

    因此,如果您想将“网站”加载为实际网站,请使用服务器加载它。你有一个 mac,所以在终端中使用你的 index.html 进入目录并运行:

    python -m SimpleHTTPServer
    

    这假设你有 python 2.7,每个 mac 都有,但也许你已经安装了 python3 并且你想使用它。如果是这样,您需要改用它:

    python3 -m http.server
    

    Presto,您现在可以访问 http://localhost:8000 并将您的文件视为网站,而不是“作为文件”。

    【讨论】:

    • 这会将 woff 字体文件作为 "application/octet-stream" 提供,但 Firefox 似乎接受了这一点(使用 fontawesome 使用示例页面进行测试)。 +1
    猜你喜欢
    • 2012-12-24
    • 1970-01-01
    • 1970-01-01
    • 2023-04-03
    • 1970-01-01
    • 2013-03-03
    • 1970-01-01
    • 1970-01-01
    • 2013-04-24
    相关资源
    最近更新 更多