使用自定义字体的文本可怕地在Google Chrome上乱码 - Windows 10

时间:2016-03-07 13:41:44

标签: css css3 google-chrome fonts font-face

我有一个网站使用自定义css字体标题。我用fontsquirrel(基于原始的ttf文件)准备了字体eot / woff / ttf文件。字体规则看起来像这样,没什么特别的:

@font-face {
    font-family: 'bauhaus_heavy_boldregular';
    src: url('font/bauhaus_heavy_bold-webfont.eot');
    src: url('font/bauhaus_heavy_bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('font/bauhaus_heavy_bold-webfont.woff2') format('woff2'),
    url('font/bauhaus_heavy_bold-webfont.woff') format('woff'),
    url('font/bauhaus_heavy_bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

除了一台运行Windows 10和谷歌浏览器的笔记本电脑外,我的所有测试设备都正确显示使用此字体规则的文字。在这个设备上,一些文字(不是全部!)以奇怪的方式出现,我得到你在图片中看到的结果:

displaying scrambled text

有没有人知道导致这种情况的原因,更重要的是,如何解决这个问题?

0 个答案:

没有答案