Fonts 幻影字体紧排问题

Fonts 幻影字体紧排问题,fonts,centos,phantomjs,kerning,Fonts,Centos,Phantomjs,Kerning,某些字体的字母间距大多是不对称的,在某些情况下甚至没有任何间距。 服务器是“CentOS Linux 7.0版”(有一个较旧的服务器版本,这个版本提供了更好的结果,但仍然不是一个好的版本) phantomjs版本是1.9.8 我使用的html是 <p><span style="font-family:arial,helvetica,sans-serif;">10px</span></p> <p><span style="font

某些字体的字母间距大多是不对称的,在某些情况下甚至没有任何间距。 服务器是“CentOS Linux 7.0版”(有一个较旧的服务器版本,这个版本提供了更好的结果,但仍然不是一个好的版本) phantomjs版本是1.9.8 我使用的html是

<p><span style="font-family:arial,helvetica,sans-serif;">10px</span></p>

<p><span style="font-family:arial,helvetica,sans-serif;"><span style="font-size: 10px;">ABCDEFGHIJKMLNOPQRSTUVWXYZ</span></span></p>

<p><span style="font-family:arial,helvetica,sans-serif;"><span style="font-size: 10px;">abcdefghijklmnopqrstuvwxyz</span></span></p>

<p>&nbsp;</p>

<p><span style="font-family:arial,helvetica,sans-serif;">12px</span></p>

<p style="line-height: 20.7999992370605px;"><span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:12px;">ABCDEFGHIJKMLNOPQRSTUVWXYZ</span></span></p>

<p style="line-height: 20.7999992370605px;"><span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:12px;">abcdefghijklmnopqrstuvwxyz</span></span></p>

<p style="line-height: 20.7999992370605px;">&nbsp;</p>

<p style="line-height: 20.7999992370605px;"><span style="font-family:arial,helvetica,sans-serif;">14px</span></p>

<p style="line-height: 20.7999992370605px;"><span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:14px;">ABCDEFGHIJKMLNOPQRSTUVWXYZ</span></span></p>

<p style="line-height: 20.7999992370605px;"><span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:14px;">abcdefghijklmnopqrstuvwxyz</span></span></p>

<p style="line-height: 20.7999992370605px;">&nbsp;</p>

<p style="line-height: 20.7999992370605px;"><span style="font-family:arial,helvetica,sans-serif;">16px</span></p>

<p style="line-height: 20.7999992370605px;"><span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:16px;">ABCDEFGHIJKMLNOPQRSTUVWXYZ</span></span></p>

<p style="line-height: 20.7999992370605px;"><span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:16px;">abcdefghijklmnopqrstuvwxyz</span></span></p>

<p style="line-height: 20.7999992370605px;">&nbsp;</p>

<p style="line-height: 20.7999992370605px;"><span style="font-family:arial,helvetica,sans-serif;">18px</span></p>

<p style="line-height: 20.7999992370605px;"><span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:18px;">ABCDEFGHIJKMLNOPQRSTUVWXYZ</span></span></p>

<p style="line-height: 20.7999992370605px;"><span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:18px;">abcdefghijklmnopqrstuvwxyz</span></span></p>
10px

ABCDEFGHIJKMLNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

12px

ABCDEFGHIJKMLNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

14px

ABCDEFGHIJKMLNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

16px

ABCDEFGHIJKMLNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

18px

ABCDEFGHIJKMLNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

我尝试在服务器上以多种格式手动安装不同的字体-没有帮助。svg格式是不可接受的,因为它可以复制粘贴,并且文件大小太大

Ariel带高光

Ariel无亮点

没有突出显示的次数

我的选择是什么


谢谢。

由以下人员解决

  • 从计算机上的源代码编译phantomjs 2.0.0(稳定版本)
  • 将字体从ubuntu复制到/etc/font

  • 我发现最好的解决方案是使用SVG字体进行PDF渲染。这消除了我所有的字母间距(又称紧排)问题

    您能详细说明一下吗?svg在所有系统上都会呈现相同的效果,但是如果我没记错的话,我们有两个问题,无法复制文本(使用鼠标),并且呈现pdf需要花费更多的时间。这是正确的;无法选择SVG字体进行复制/粘贴,这将增加渲染时间。然而,这是消除额外字母间距问题的唯一解决方案。