字体被覆盖

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 年上半年发布的新渲染引擎将解决此问题。