字体有问题,不确定为什么要为 Chrome 加载,但在 Firefox 中似乎没有加载。
这是一个例子
提前致谢
看看这个 SO 线程,它和你有完全相同的问题。其他社区提供了建议的解决方法,并帮助解决了这个问题:
将字体保存在同一目录中并像这样应用这将起作用我已经签入了我的firefox 12.0
@font-face
{
font-family: 'Play';
src: url('play.ttf');
}
.font
{
font-family: "play";
font-size: 20px;
}
<p class="font">TESTING</p>
Firefox 只接受字体的相对路径。如果要使用与页面所在域不同的域来托管字体,则必须遵循 Mozilla 的HTTP 访问控制策略:
此跨域共享标准用于启用跨站点 HTTP 请求:
[...]
Web 字体(用于 CSS 中 @font-face 中的跨域字体使用)
我认为直接从 Google 使用它可能会更好。那么您无需担心任何版权问题,而且它是免费的。
http://www.google.com/webfonts#QuickUsePlace:quickUse/Family:
在 Firefox (Gecko) 中,网络字体受到相同的域限制(字体文件必须与使用它们的页面位于同一域中),除非使用 HTTP 访问控制来放松此限制。
注意:由于没有为 TrueType、OpenType 和 Web 开放文件格式 (WOFF) 字体定义 MIME 类型,因此不考虑指定文件的 MIME 类型。
几周前我遇到了同样的问题。
我所做的只是添加local('*Name of Font*)
,以便浏览器查找字体
火狐很奇怪。我注意到在开发本地服务器中,它会尝试从您的安装字体集中加载字体,然后再尝试在您指定的路径中实际查找 src 字体。
那是本地的将有助于它告诉它查看本地字体集。
你使用:
<base href="http://www.site.com/" />
如果是这样,请将其更改为:
<base href="<?php echo $_SERVER['HTTP_HOST']; ?>" />