php - katerina 字体的数字

标签 php html css fonts mpdf

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

http://prntscr.com/zv9rl

但是当我在 Photoshop 中使用全部大写功能时,它们看起来不错。

http://prntscr.com/zv9xw

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

最佳答案

从图像上看,该字体似乎同时包含“旧式”(或“小写”)数字和“衬里”(或“大写”)数字。然后它们将是字形变体,而不是单独的字符(如“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 提供一些支持功能(这是关于什么的)。

关于php - katerina 字体的数字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15901500/

相关文章:

php - Laravel 4 - 过滤结果和缓存

PHP - ini_set() 期望参数 2 是字符串,给定整数

javascript - 为什么我的鼠标悬停层没有显示在其他浏览器上?

javascript整个页面飞进飞出的效果?

css - 如何在 CSS 中使用固定定位?

javascript - 当父窗口用户注销时关闭特定的子窗口

php - 提交按钮不响应操作

javascript - 如何在拥有 20 多个网页的网站中为库维护相同版本

html - 强制文本区域与其他元素在同一行

css - 网站 CSS 正文中的文本内容