Question

我正在使用dompdf将HTML代码转换为pdf。我正在使用Google字体，并以这种方式导入它们：

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');

当我在CSS中使用它们时：

    h1, h3, .text {
      font-family: 'Open Sans';
      font-weight: 400;
    }

我以正确的字体显示文本。现在，当某些文本为粗体（例如标题或某些文本为粗体）时，它们将无法获得正确的字体粗细。当我将字体粗细更改为400以上时，它们将不再起作用。

有人知道如何在dompdf中使用多个字体粗细吗？

Answer 1

不支持发布数字字体粗细。如果您使用的是0.8.4之前的Dompdf版本，则不能使用数字权重定义的字体。

此外，尽管支持数字字体粗细，但在与@import规则一起使用时，Dompdf如何解析Google字体URL似乎存在一个错误。（参考Dompdf 0.8.4）。您可以改用link元素来解决此问题。

类似以下的方法应该起作用：

<html>
<head>

  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap" rel="stylesheet">

  <style>
    .opensans {
      font-family: 'Open Sans';
      font-weight: 400;
    }
</style>

</head>

<body>
  <h1 class="opensans">The quick red fox jumped over the large brown log.</h1>
</body>
</html>

粗体字体粗细无法与dompdf中的Google字体一起使用

1 个答案: