php - 卡特琳娜字体中的数字

Question

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

http://prntscr.com/zv9rl

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

http://prntscr.com/zv9xw

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

Answer 1

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

在 HTML 中，过去不可能选择字形变体，但情况正在发生变化。查看我关于字体功能的演示页面。如果您的系统中安装了 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

希望其中一个能解决...