css - 字体被覆盖

Question

我目前正在与样式问题作斗争。我正在使用 IronPDF 创建一个 PDF 并从 HTML 生成新的 PDF。
我有一个实例，我的字体被覆盖。样式如下:

.bbBlankPage {
    font-size: 20px; /*14 pt*/
    text-align: center;
    font-family: Arial !important;
    font-weight: bold;
    padding-top: 55%;
    text-indent: 40px;
}

当 HTML 生成并输出到 PDF 中时，PDF 将字体显示为 ArialBold。这导致字体与原始字体相比看起来更小和皱缩的问题。我试图通过扩大字体大小来过度补偿，但字体系列的变化让我很难过。如果我删除 font-weight，它会变成 ArialRegular，这也不对。我只想要普通的 Arial 字体。

Answer 1

我在 IronSoftware 担任支持工程师。
尝试通过从文件夹导入本地字体而不是使用系统上安装的系统字体来使用它。这并不完美，但提供了更好的结果。
下面的代码示例引用了 Arial:

<style type="text/css">
@font-face {
font-family: 'Arial';
src: url('./Arial.eot');
src: local('Arial'), url('./Arial.woff') format('woff'), url('./Arial.ttf') format('truetype');
}
.fontsforweb_fontid_1080 {
font-family: 'Arial' !important;
}
</style>

这个问题将通过我们为 2021 年上半年发布而构建的新渲染引擎得到解决。