ruby-on-rails - 带有 wicked_pdf 生成器的 Base64 @font-face 字体

Question

我正在尝试在 Rails 3 站点上使用 wicked_pdf 在 HTML 到 PDF 生成的 PDF 文件中使用特定字体。我在这里找到了我遵循的其他建议。唯一(大部分)对我有用的是将字体转换为 base64。我在这里找到了原始答案:
Wicked PDF +fonts+heroku+rails3.2

我不得不将 @font-face CSS 直接放入正在使用它的部分文件中，而不是将它放入样式表中才能使其工作。它现在在我的本地副本中运行良好。当我将它部署到我们的临时服务器时，它只工作了一半。加载了其中一种字体，但未加载该字体的粗体版本。

这是我包含在部分中的 @font-face CSS(this pastebin 包含整个 Base64 代码，因为它很有用):

<style type="text/css">
  @font-face {
    font-family: 'MuseoSans300';
    src: url(data:font/truetype;charset=utf-8;base64,AAEAAAATAQAABAA...excess text removed);
  }
  @font-face {
    font-family:'MuseoSans700';
    src: url(data:font/truetype;charset=utf-8;base64,AAEAAAATAQAABAA...excess text removed);
  }
</style>

使用这些字体的常规样式表(使用 SASS)中的样式如下所示:

#profile_pdf {
  font-family: 'MuseoSans300';
  h1 {
    font-size: 30px;
    font-family: 'MuseoSans700';
  }
  h2 {
    font-size: 20px;
    font-family: 'MuseoSans300';
  }
}

我尝试通过多种方式改变这一点。我使用了与此建议相同的格式:
http://blog.shahariaazam.com/use-google-web-fonts-for-wkhtmltopdf-tools/#.UtwZUmQo5hE

这使它完全停止工作。

使用我上面显示的格式，它确实适用于我本地运行的副本。在登台服务器上，只有一种字体有效；它只加载 300 版本的所有内容，而 700 版本不加载。有没有其他人遇到过这个问题？

Answer 1

我对 Wicked PDF 也有类似的问题。我解决这个问题的方法是用我想要定位的每个权重定义一个字体系列。它看起来像这样:

@font-face {
  font-family: 'Karla';
  font-weight: 400;
  font-style: normal;
  src: ...;
}

@font-face {
  font-family: 'Karla-Bold';
  font-weight: 700;
  font-style: bold;
  src: ...;
}

我相信您需要明确指定字体粗细数字才能正确显示粗体版本。我的问题与你的相同，这为我解决了。