我不确定是否在Chrome浏览器中出现了错误,或者我的CSS样式表有问题。
这是我所说的问题的演示:演示链接
问题是,我在我的网站上使用了一种自定义波斯语字体,名为BMitra
(它在公共领域中是完全免费的),所有主要的浏览器(最新的 Firefox 和 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的一个bug还是其他原因导致的。谢谢提前。
附注:
- 原始字体是真正的字体格式,我使用在线工具进行转换。但我确定字体没有损坏,因为所有其他格式都可以正常工作。
- 我刚刚发现有人遇到了相同的问题(链接在此),但解决方案根本不起作用!它还会破坏IE9的功能!
- 我可以看到Chrome在Chrome的控制台中加载字体,所以问题不在于web服务器或页面加载时字体资源的不可用性。