css - 从 Google Chrome 打印网络字体时显示乱码

Question

我在从 Google chrome v 18 打印网络字体时遇到问题，但它在 IE 和 Firefox 上工作得很好，我正在使用 CSS 文件传递​​网络字体，它的代码如下。

@font-face {

font-family: 'C39P24DmTtNormal';
src: url('WebFonts/v100025_-webfont.eot');
src: url('WebFonts/v100025_-webfont.eot?#iefix') format('embedded-opentype'),
     url('WebFonts/v100025_-webfont.woff') format('woff'),
     url('WebFonts/v100025_-webfont.ttf') format('truetype'),
     url('WebFonts/v100025_-webfont.svg#C39P24DmTtNormal') format('svg');

font-weight: normal;
font-style: normal;
}

问题截图:

图片说明:

在上面的截图中，所有标记为红色的都是CSS文件中网络字体提供的条形码，但打印时如上所示。

我试图在谷歌上搜索，但它似乎是一个 possible bug使用 Chrome，他们正在尝试尽快修复它。

有没有什么解决方法可以帮助我，因为我不希望我的客户在他们用来浏览我的网络应用程序的每台计算机上都安装字体。

Answer 1

将 .svg 放在源代码的开头并尝试使用不同的格式，例如 .svg as truetype:

@font-face {
    font-family: 'EnzoOT-Medi';
    src: url('font.eot');
    src: url('font.svg') format('truetype'),
         url('font.eot?#iefix') format('embedded-opentype'),
      url('font.woff') format('woff'),
      url('font.ttf') format('truetype'),
      url('font.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}