我一直在使用Font Awesome图标一段时间但是在从外部公司进行了一轮错误跟踪后,他们发现在某些情况下字体真棒图标没有显示.
字体真棒的版本是4.3.0
不适用于外部公司的版本:Mac OS 10.10.x上的iPad4(iOS 7.1.2)Safari 8.0.2 Mac OS 10.9.x上的Safari 7.1.2 Safari 7.1.4和8.0.2 Safari版本8.0.3(10600.3) .18)在Mac OS X 10.10.2(14C109)iPad Air 2和iOS 8.0.3上
我们在内部测试过:Safari 8.0.2
问题顺序1 - 登录网站 - 图标可见 - 注销,关闭浏览器,删除所有网站数据,重新登录 - 没有图标/方块存在
问题顺序2 - 登录网站 - 图标不可见/正方形存在
网站在自己的专用服务器上,使用灯泡.没有发生在FF,Chrome甚至IE上.
如果有人有同样的问题或知道有效的解决方案,请帮助.我们已经查看并尝试了大约10种不同的东西,即源代码订购,更新css,使用网站链接等
我在Mac OSX(Yosemite)+ Safari 8.0.8和各种iOS 6设备上遇到了同样的问题.我的目标是Font Awesome 4.2.0,在IIS Web服务器上本地托管.
奇怪的是,我发现用Font Busester修复了这个问题后,修复了Font Awesome CSS库的路径.例如
font-awesome.min.css?v=1234
我不明白为什么这是必要的,但到目前为止似乎有效.
小智 5
<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet" type="text/css" />
将此代码放入<head> </head>文件中就可以了。我猜想苹果的野生动物园需要一些签名。
我们确实找到了一种方法来做到这一点，但这只是一个临时解决方案。它可能对一些人有帮助。我们检测浏览器版本为 Safari 并内联传递 font-face：
<?php
//ugly workaround for fontawesome issue in Safari
$ua = $_SERVER["HTTP_USER_AGENT"];
$safariorchrome = strpos($ua, 'Safari') ? true : false;
$chrome = strpos($ua, 'Chrome') ? true : false;
if ($safariorchrome == true AND $chrome == false):
?>
<style type="text/css">
@font-face{font-family:'FontAwesome';src:url('/css/current-font-awesome/fonts/fontawesome-webfont.eot?v=4.3.0');src:url('/css/current-font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('/css/current-font-awesome/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('/css/current-font-awesome/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('/css/current-font-awesome/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('/css/current-font-awesome/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
</style>
<?php endif; ?>
| 归档时间： |
|
| 查看次数： |
16840 次 |
| 最近记录： |