自定义安装的字体在 UILabel 中无法正确显示

Question

我正在尝试使用从 Adob​​e Font Collection Pro Package 获得的 Helvetica Neue Condensed 字体。不幸的是，当我在 UILabel 中使用它时，它似乎绘制不正确。

行高似乎计算正确（我认为），但是当显示字体时，它与边界框的最顶部对齐。我调用了 [myLabel sizeToFit] 并仅调整了宽度以生成此屏幕截图：

我对字体的粗体和常规版本都遇到了同样的问题。我能够从 OSX 中提取 Helvetica Neue Bold 版本并将其放在我的设备上，并且它显示良好（上图中的绿色背景）。

字体文件或我的代码可能有什么问题导致它以这种方式绘制？

Answer 1

您是否尝试过核心文本？我已经通过 Core Text 渲染自定义字体取得了一些成功，但我不知道它是否适合您的情况。

Answer 2

我使用 https://github.com/fonttools/fonttools - 非常易于使用且免费。就我而言，“hhea”表中“ascender”=1000 和“lineGap”=0 的更改就达到了目的。

基于 Trevor Harmon 的文章 https://medium.com/@thetrevorharmon/how-to-use-apples-font-tools-to-tweak-a-font-a386600255ae

Answer 3

如果您在使用这些命令行实用程序时遇到问题，请尝试在窗口上使用 fontcreator。并从其设置菜单更改字体分配器。

Answer 4

对于因命令而在 Mac OS Mojave 上难以使用 ftxdumperfuser（kolyuchiy 答案）的任何人未找到错误：

• 从 Apple 下载字体工具包。找到他们在
  https://developer.apple.com/download/more/?q=font< /a>，选择了一个
  XCode 11.
• 挂载dmg文件
• 进入磁盘镜像cd /Volumes/macOS\
  Font\ Tools
• 将包解压到您选择的文件夹中：pkgutil
  --expand-full macOS\ Font\ Tools.pkg ~/font-tools
• CLI 工具现在可在 ~/font-tools/FontCommandLineTools.pkg/Payload 中使用，您可以
  可以将该文件夹添加到您的路径（export PATH="$PATH:$HOME/font-tools/FontCommandLineTools.pkg/Payload"），或将 utils 复制到您的 bin
  文件夹。

Answer 5

我的 Sprite Kit 游戏中的标志性“FontAwesome”字体也遇到了类似的问题。
将 SKLabelNode 的 SKLabelVerticalAlignmentMode 属性设置为 .Center 对我有用。

myLabel.verticalAlignmentMode = SKLabelVerticalAlignmentMode.Center

只是想分享以防有人遇到同样的问题。

Answer 6

我发布了一个涉及修补 ttf 字体文件的解决方案此处：

这是适用于具有相同问题的自定义字体的解决方案在 UILabel、UIButton 等中。事实证明，该字体的问题在于其 ascender 属性与系统字体的值相比太小。上升部分是字体字符上方的垂直空白。要修复字体，您必须下载 Apple Font Tool Suite 命令行实用程序。然后使用您的字体并执行以下操作：

~$ ftxdumperfuser -t hhea -A d Bold.ttf

这将创建 Bold.hhea.xml。使用文本编辑器打开它并增加 ascender 属性的值。您必须进行一些试验才能找出最适合您的确切值。在我的例子中，我将其从 750 更改为 1200。然后使用以下命令行再次运行该实用程序，将更改合并回 ttf 文件：

~$ ftxdumperfuser -t hhea -A f Bold.ttf

然后只需在应用程序中使用生成的 ttf 字体。

Answer 7

所以这是 kolyuchiy 答案的修改版本。

我使用 Glyphs 打开字体，然后将其导出而不进行任何修改。不知何故，垂直对齐问题神奇地消失了！

更好的是，新字体可以很好地与 sizeWithFont: 等方法配合使用，因此它不会出现 Joshua 提到的问题。

我使用提到的命令 kolyuchiy 查看了 HHEA 表，发现 Glyphs 不仅修改了 ascender，还修改了 lineGap 和 numberOfHMetrics为我。

这是原始数据，之前：

versionMajor="1"
versionMinor="0"
ascender="780"
descender="-220"
lineGap="200"
advanceWidthMax="1371"
minLeftSideBearing="-73"
minRightSideBearing="-52"
xMaxExtent="1343"
caretSlopeRise="1"
caretSlopeRun="0"
caretOffset="0"
metricDataFormat="0"
numberOfHMetrics="751"

和之后：

versionMajor="1"
versionMinor="0"
ascender="980"
descender="-220"
lineGap="0"
advanceWidthMax="1371"
minLeftSideBearing="-73"
minRightSideBearing="-52"
xMaxExtent="1343"
caretSlopeRise="1"
caretSlopeRun="0"
caretOffset="0"
metricDataFormat="0"
numberOfHMetrics="748"

所以这个故事的寓意是——不要只增加上升器，还要修改其他相关值。

我不是排版专家，所以我无法真正解释原因和方式。如果有人能提供更好的解释，将不胜感激！ :)

Answer 8

iOS 6 尊重字体的 lineGap 属性，而 iOS 7 则忽略它。因此，只有行距为 0 的自定义字体才能在两个操作系统上正常工作。

解决办法是把lineGap设置为0，同时将ascender设置得相应变大。根据上面的答案，一种解决方案是从 Glyphs 导入和导出。但是，请注意，该应用程序的未来版本可能会修复此“错误”。

更强大的解决方案是根据此 帖子。具体来说，

1. 安装 OS X 字体工具。
2. 将字体规格转储到文件中：ftxdumperfuser -t hhea -A d YOUR_FONT.ttf
3. 在编辑器中打开转储的文件。
4. 通过添加 lineGap 属性的值来编辑 ascender 属性。例如，如果 lineGap 为 200，ascender 为 750，则将 ascender 设置为 950。
5. 设置 lineGap为 0。
6. 将更改合并到字体中：ftxdumperfuser -t hhea -A f YOUR_FONT.ttf

执行此操作后，您可能需要调整 UI 因此。

Answer 9

对于那些运行 OS X El Capitan 并来到此线程的人，您可能已经注意到 Apple 字体工具套件不再兼容（至少目前如此）。

但您仍然可以使用免费字体编辑软件FontForge。

使用 FontForge 打开字体并在顶部菜单中选择“元素”，然后转到“字体信息”>“字体信息”>“字体信息”。操作系统/2>指标。您要在此处编辑 HHEad Line Gap 和 HHEad Ascent Offset 值。

完成必要的编辑后，您只需在“文件”>“导出”中导出字体即可。生成字体并选择正确的字体格式

Answer 10

1. 在此处下载并安装 Apple 的字体工具：https://developer.apple.com/downloads /index.action?q=font （下载链接在底部）
2. 打开终端并 cd 到您的字体所在的位置
3. 运行此命令：ftxdumperfuser -t hhea -A d MY_FONT_NAME.ttf
4. 现在您有包含某些字体属性的 xml 文件，在文本编辑器中对其进行编辑
5. 搜索“lineGap”属性并将其值添加 200
6. 保存 xml 文件
7. 运行以下命令：ftxdumperfuser -t hhea -A f MY_FONT_NAME.ttf
8. 删除 xml file
9. 在 iOS 6 上尝试配置的字体，看看是否看起来更好。
10. 如果需要，您可以返回步骤 3 并添加/减去“lineGap”属性。 （我最终在我的配置中添加了 250）

Answer 11

我们的一种自定义字体也遇到了同样的问题。我们还通过编辑字体上升属性“修复”了该问题。然而，我们发现这会产生其他问题和布局问题。例如，当使用我们的上升编辑字体时，根据标签高度动态设置单元格高度会爆炸。

我们最终所做的是更改 UIButton contentEdgetInsets 属性。

yourButton.contentEdgeInsets = UIEdgeInsetsMake(-10, 0, 0, 0);

不确定哪种方法更好，但只是想分享另一种方法来解决问题。

Answer 12

感谢这个答案，我解决了 Glyphs 的问题，但有点不同。

我用 Glyphs 打开我的字体（也适用于 Glyphs mini），并在那里找到了这个部分（这来自 Glyphs mini，要到达那里，请按右上角的 i 按钮）：

只需删除所有这些对齐区域（或其中一些）即可解决此问题。
非常适合我。

Answer 13

从标签文本创建属性文本对我来说是解决方案。这是一个扩展：

extension UILabel {
    /// You can call with or without param values; without will use default 2.0
    func setLineSpacing(lineSpacing: CGFloat = 2.0, lineHeightMultiple: CGFloat = 2.0) {
        guard let labelText = self.text else { return }
        let paragraphStyle = NSMutableParagraphStyle()
        paragraphStyle.lineSpacing = lineSpacing
        paragraphStyle.lineHeightMultiple = lineHeightMultiple
        let attributedString:NSMutableAttributedString
        if let labelattributedText = self.attributedText {
            attributedString = NSMutableAttributedString(attributedString: labelattributedText)
        } else {
            attributedString = NSMutableAttributedString(string: labelText)
        }
        // (Swift 4.2 and above) Line spacing attribute
        attributedString.addAttribute(NSAttributedString.Key.paragraphStyle, value:paragraphStyle, range:NSMakeRange(0, attributedString.length))
        self.attributedText = attributedString
    }
}

对于我的自定义字体，我得到了我需要的结果：

self.myLabel.setLineSpacing(lineSpacing: 1.2, lineHeightMultiple: 1.2)

这通过使用本机提供的 NSMutableParagraphStyle() 来工作，其中包含行高和间距属性（可以通过 @IBOutlet 访问）如果您没有对标签进行编程，也可以在情节提要中使用 属性）。