粗体字体粗细不适用于dompdf中的Google字体

问题描述 投票:0回答:1

我正在使用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中使用多个字体粗细吗?

css dompdf google-webfonts
1个回答
0
投票
[另外,尽管支持数字字体粗细,但在与@import规则一起使用时,Dompdf如何解析Google字体URL似乎存在一个错误。 (参考issue 2054)。您可以通过使用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>

© www.soinside.com 2019 - 2024. All rights reserved.