不确定我的标题是 Chrome 中的错误还是我的 CSS 有问题
这是我所说内容的演示:demo link
问题是我在名为 BMitra
的网站中使用自定义波斯语字体(它在公共(public)领域完全免费)和所有主流浏览器(最新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 中的错误还是其他问题。提前致谢。
旁注:
- 原始字体是真字体,我用在线工具转换了它。但我确信字体没有损坏,因为所有其他格式都可以正常工作。
- 我刚刚发现有人遇到了同样的问题 ( here is the link ) 但解决方案根本不起作用!它还破坏了 IE9 中的功能!
- 我可以看到 Chrome 会在 Chrome 的控制台中加载字体,因此问题不在于网络服务器或页面加载时字体资源不可用。
最佳答案
这不是错误。你的字体不是标准的,而且它在 Firefox 11 中也不能正常工作(它显示的字符彼此分开,这是错误字体的标志)。 您可以在此处找到适用于网络的新波斯语字体系列。这些字体在新版本的浏览器中没有问题:http://www.scict.ir/Portal
关于css - 波斯语 @font-face 在 Chrome 中不起作用,是否有错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10970001/