html - 为什么 Mozilla Firefox 不支持我网站上的第三方字体?

标签 html css firefox fonts

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

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

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

最佳答案

非常重要的一点:"file"不是“网站”。浏览器file:/// 资源与实际网站(使用http://https://),并且会阻止网站应该被允许执行的所有类型的资源加载,但如果允许“硬盘上的文件”执行,则会让您面临各种攻击。

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

python -m SimpleHTTPServer

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

python3 -m http.server

Presto,您现在可以访问 http://localhost:8000 并看到您的文件被解释为网站,而不是"file"。

关于html - 为什么 Mozilla Firefox 不支持我网站上的第三方字体?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44383297/

相关文章:

jquery - 移动选择菜单停留在当前 URL 选择选项上

html - 使用罗盘的 Sprite 间距不起作用?

html - Mozilla Firefox CSS 无法在 <div> 上应用背景颜色

javascript - 箭头键在 Firefox 中无法使用给定的 javascript 工作

html - <nav> 与 <article> 的 SEO

javascript - 谁能帮我解释一下这行140个字符的代码吗?

javascript - 如何在 php 中调整 margin session flash?

html - 换行符在 IE 和 Chrome 中呈现不同

css - 如何使用 CSS 选择自定义元素的一部分?

html - 为什么 2px 边框在 Firefox 和 Chrome 中渲染得比 2px 高度高?