Question

您好我在我的网络应用程序中使用的katerina字体有问题。我需要使用mPDF将一些文本从html / css转换为pdf。问题是，这些数字看起来很尴尬。

但是当我在Photoshop中使用ALL CAPS功能时，它们看起来很不错。

我只需要他们在同一条线上。有什么办法可以在php或css中将它们转换成Photoshop中的样子（全部大写）？

Answer 1

从图像中看，字体似乎包含“旧式”（或“小写”）数字和“衬里”（或“大写”）数字。然后它们将是字形变体，而不是单独的字符（如“a”和“A”），旧式数字是默认值。据推测，Photoshop中的ALL CAPS选择衬里数字;这有点奇怪，但可能 - 毕竟，从字面上看，衬里数字应该用在由大写字母和数字组成的表达式中。 - 我无法确认这一点，因为我没有字体，而且网络上被称为Katerina的字体看起来非常不同。

在HTML中，以前不可能选择字形变体，但事情正在发生变化。查看我的demo page字体功能。如果你的系统中安装了Katerina，在现代浏览器上打开页面，在那里输入字体名称，并用“lnum”检查行。它应该显示衬里数字。如果是这样，当使用的字体支持时，您可以使用以下CSS声明来询问这些数字：

-webkit-font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum";
font-feature-settings: "lnum";

这种样式是否转移到生成的PDF是另一回事。我不是PDF方面的专家，但我希望它对OpenType功能提供一些支持（这就是它的内容）。

Answer 2

尝试font-size: 24px; line-height: 26px; vertical-align: baseline;

如果baseline不起作用，请尝试text-top，bottom或text-bottom

希望其中一项有用......

卡特琳娜字体中的数字

2 个答案: