不确定我的标题是 Chrome 中的错误还是我的 CSS 有问题
这是我正在谈论的内容的演示:演示链接 http://3p3r.com/farakhan/
问题是我在我的网站中使用自定义波斯语字体,名为BMitra
(它在公共领域是完全免费的)并且所有主要浏览器(最新的 FF 和 IE6+)都可以正常渲染此字体,但我的 Chrome 会跳过此字体并切换到系统默认值tahoma
.
这是我的CSS:
@font-face {
font-family: 'BMitra';
font-weight: normal;
src: url('fonts/regular/BMitra.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/regular/BMitra.woff') format('woff'), /* Modern Browsers */
url('fonts/regular/BMitra.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/regular/BMitra.svg#svgBMitra') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'BMitra';
font-weight: bold;
src: url('fonts/bold/BMitraBd.woff') format('woff'), /* Modern Browsers */
url('fonts/bold/BMitraBd.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/bold/BMitraBd.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/bold/BMitraBd.svg#svgBMitra') format('svg'); /* Legacy iOS */
}
那么,有什么想法吗?这是 webkit 中的错误还是其他错误。提前致谢。
Side-notes:
- 原始字体是true-type格式,我使用在线工具对其进行了转换。但我确信字体没有损坏,因为所有其他格式都工作正常。
- 我刚刚发现有人遇到了同样的问题(链接在这里 https://stackoverflow.com/a/9430222/1055628)但解决方案根本不起作用!它还破坏了 IE9 中的功能!
- 我可以看到 Chrome 在 Chrome 控制台中加载字体,因此问题不在于网络服务器或页面加载时字体资源不可用。
这不是一个错误。您的字体不是标准的,并且在 Firefox 11 中也无法正常工作(它显示的字符彼此分开,这是不良字体的标志)。
您可以在此处找到新系列的网络波斯字体。这些字体在新版本的浏览器中没有问题:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)