Css 波斯语@font-face不';我不能在Chrome上工作,Bug与否?
不确定我是否在Chrome中遇到了错误,或者我的CSS有什么问题 下面是我所说内容的演示: 问题是,我在我的网站上使用了一种定制的波斯语字体,名为Css 波斯语@font-face不';我不能在Chrome上工作,Bug与否?,css,font-face,arabic,persian,farsi,Css,Font Face,Arabic,Persian,Farsi,不确定我是否在Chrome中遇到了错误,或者我的CSS有什么问题 下面是我所说内容的演示: 问题是,我在我的网站上使用了一种定制的波斯语字体,名为BMitra(在公共领域是绝对免费的),所有主要浏览器(最新的FF和IE6+)都能很好地呈现这种字体,但我的Chrome浏览器跳过了这种字体,切换到系统默认的tahoma 这是我的CSS: @font-face { font-family: 'BMitra'; font-weight: normal; src: url('fon
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中的bug还是其他什么。提前谢谢。
旁注:
- 原始字体为true type格式,我使用在线工具对其进行了转换。但我确信字体没有损坏,因为所有其他格式都工作正常
- 我刚刚发现有人有同样的问题(),但解决方案根本不起作用!它还破坏了IE9的功能李>
- 我可以看到Chrome在Chrome的控制台中加载字体,所以问题不在于Web服务器或页面加载时字体资源不可用
- 这不是一个bug。您的字体不标准,而且在Firefox 11中也不能正常工作(它显示的字符彼此分开,这是字体不好的标志)。
你可以在这里找到新的波斯字体系列。这些字体与新版本的浏览器没有任何问题:我已转换了您问题中提到的字体,并将其上载到以下Internet地址: 此外,必须使用以下样式行:
@font-face {
font-family: 'BMitra';
src: url('fonts/regular/bmitra-webfont.eot');
src: url('fonts/regular/bmitra-webfont.ttf') format('truetype'), url('fonts/regular/bmitra-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/regular/bmitra-webfont.woff') format('woff'), url('fonts/regular/bmitra-webfont.svg#BMitra') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'BMitra';
src: url('fonts/bold/bmitrabd-webfont.eot');
src: url('fonts/bold/bmitrabd-webfont.ttf') format('truetype'), url('fonts/bold/bmitrabd-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bold/bmitrabd-webfont.woff') format('woff'), url('fonts/bold/bmitrabd-webfont.svg#BMitra') format('svg');
font-weight: bold;
font-style: normal;
}
并且,您应该在.htaccess文件中添加以下行:
AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff .woff
Chrome似乎没有在资源选项卡的预览窗口中正确渲染字体。为了增加您的麻烦,在Chrome beta(20)中,除了顶部显示的波斯语字符点缀着“空框”字形外,它看起来很好,如果我将H1的大小从25px改为其他一些字体,它会正确渲染一段时间reason@AlexK. 在铬金丝雀身上也有同样的行为。奇怪的它看起来像是一个bug,不是吗?但我在FF10+中没有任何问题!也许你是对的。我要试一试。谢谢,顺便说一句。是的,你是对的。感谢分享解决方案。再次感谢:你能再次分享吗?