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