我有一个网站使用自定义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和谷歌浏览器的笔记本电脑外,我的所有测试设备都正确显示使用此字体规则的文字。在这个设备上,一些文字(不是全部!)以奇怪的方式出现,我得到你在图片中看到的结果:
有没有人知道导致这种情况的原因,更重要的是,如何解决这个问题?