前言

本篇文章講的是在實(shí)際項(xiàng)目中碰到一款自定義字體在展示上出現(xiàn)問(wèn)題，然后運(yùn)用先進(jìn)的蘋果爸爸的工具來(lái)解決這個(gè)問(wèn)題的故事。

下面話不多說(shuō)了，來(lái)一起看看詳細(xì)的介紹吧

1. 自定義字體出什么問(wèn)題了？

設(shè)計(jì)師們的作品總是千變?nèi)f化，為了成就他們，作為程序員的我們只好滿足他們嘍。

所以當(dāng)設(shè)計(jì)師用到一款神奇的字體的時(shí)候，我是不會(huì)拒絕的，就像下面這個(gè)樣子：

為了讓大家能更好的看到這個(gè)問(wèn)題，我把 label 設(shè)置了一個(gè)背景色，label 的 width 和 height 都等于50?，F(xiàn)在，在 storyboard 中看起來(lái)是沒(méi)問(wèn)題的，讓我們 Run 一下：

對(duì)比 system font 字體的 label，明顯感覺(jué)這個(gè) DINCondensedC 字體的內(nèi)容是偏上的！（當(dāng)然不用對(duì)比也能發(fā)現(xiàn)）。WTF！

2. 解決思路

2.1 既然是內(nèi)容偏上，那么是否和 content Mode 有關(guān)？

可惜的是，經(jīng)過(guò)嘗試，改變 contentMode 并不能對(duì) UILabel 產(chǎn)生任何影響（實(shí)際繪制內(nèi)容中包含下方的空白）。

結(jié)論：不可行

2.2 繼承 UILabel 并重寫 drawRect ？利用 CoreText 繪制字體？

這兩種方案應(yīng)該是可行的，但是，為了這個(gè)小字體，用得著這么復(fù)雜的【計(jì)算字體大小】-【通過(guò)字體大小與 label 高度計(jì)算偏移量】-【用到這個(gè)字體的 label 統(tǒng)一換成 XXLabel 】流程嗎？

萬(wàn)一哪天設(shè)計(jì)師說(shuō)：來(lái)，咱們來(lái)個(gè)富文本，中間這幾個(gè)字用 DINCondensedC 字體，兩邊的字用 system 字體，那你不是要哭了？

結(jié)論：不可行

2.3 程序解決不了，那就用人解決吧

讓我們找到可愛(ài)的設(shè)計(jì)師，請(qǐng)他喝個(gè)下午茶，搓頓不錯(cuò)的晚飯，帶他做個(gè)大保健，然后和他說(shuō)：兄弟這個(gè)UI圖可以換個(gè)字體嗎... 算了成本有點(diǎn)高。

結(jié)論：不可行

2.4 可否從字體入手，自己修改字體？

既然字體有點(diǎn)不太正常，那么我們只能使出大招：自己動(dòng)手修改這個(gè)字體。據(jù)說(shuō)有一款 App：Glyphs 對(duì)于制作/修改字體來(lái)說(shuō)，很強(qiáng)大！然后讓我們好好下載，靜靜等待吧。下載完畢打開這個(gè)【PT DIN Condensed Cyrillic.ttf】字體文件，沒(méi)想到這個(gè)軟件還收費(fèi)，只能試用幾天。試用就使用吧，但是，這個(gè)字體里的每個(gè)字符我都要一個(gè)一個(gè)去改？作為程序員，不能忍！

結(jié)論：不可行

3. 最終的解決方案

最后還是得靠蘋果爸爸，大家的好爸爸。蘋果提供了一款字體修改工具：Apple Font Tool Suite。下面就讓我們用該工具來(lái)解決這個(gè)棘手的問(wèn)題。

3.1 下載該工具

進(jìn)入這里，滾到最下方，可以看到【Apple Font Tool Suite】，點(diǎn)擊下方的下載，下載一個(gè)適合自己 Xcode 版本，下載完成后無(wú)腦安裝。

3.2 獲取字體的信息文件

打開終端，輸入：ftxdumperfuser -t hhea -A d PT/ DIN/ Condensed/ Cyrillic.ttf，前面的【ftxdumperfuser -t hhea -A d 】為指令，后面的為你的字體文件路徑。最后回車，你會(huì)看到同級(jí)文件夾下回多出一個(gè)【DINCondensedC.hhea.xml】文件：

3.3 修改字體文件中的信息

讓我們打開這個(gè)字體文件，你會(huì)看到：

<?xml version="1.0" encoding="UTF-8" standalone="no" ?><!DOCTYPE hheaTable [<!ELEMENT hheaTable EMPTY><!ATTLIST hheaTable versionMajor CDATA #IMPLIED	versionMinor CDATA #IMPLIED	ascender CDATA #IMPLIED	descender CDATA #IMPLIED	lineGap CDATA #IMPLIED	advanceWidthMax CDATA #IMPLIED	minLeftSideBearing CDATA #IMPLIED	minRightSideBearing CDATA #IMPLIED	xMaxExtent CDATA #IMPLIED	caretSlopeRise CDATA #IMPLIED	caretSlopeRun CDATA #IMPLIED	caretOffset CDATA #IMPLIED	metricDataFormat CDATA #IMPLIED	numberOfHMetrics CDATA #IMPLIED>]><!--	Data generated 	Sun Aug 13 18:51:10 2017	Generated by ftxdumperfuser build 347,		FontToolbox.framework build 257	Font full name: 'PT DIN Condensed Cyrillic'	Font PostScript name: 'DINCondensedC'--><hheaTable	versionMajor="1"	versionMinor="0"	ascender="700"	descender="-209"	lineGap="68"	advanceWidthMax="889"	minLeftSideBearing="-270"	minRightSideBearing="-22"	xMaxExtent="844"	caretSlopeRise="1"	caretSlopeRun="0"	caretOffset="0"	metricDataFormat="0"	numberOfHMetrics="234"	/>

沒(méi)錯(cuò)這是個(gè) XML 文件，它里面包含了字體的一些公共信息：

• ascender：從字體的 baseLine 到最高處的距離
• descender：從字體的 baseline 到最低點(diǎn)的距離
• lineGap：印刷線的間距
• ...

這里面的每一項(xiàng)信息，都可以從蘋果的：hheaTable文檔 這篇文檔中找到。文檔中可以看到，一款字體也是一個(gè)大工程。
今天我們要解決的，是【DINCondensedC】字體偏上的問(wèn)題，因此，讓我們來(lái)調(diào)節(jié)調(diào)節(jié) ascender 這個(gè)屬性，將它從700改為900，然后保存文件。

3.4 將修改完的文件注入原 ttf 文件

打開終端，輸入：ftxdumperfuser -t hhea -A f PT/ DIN/ Condensed/ Cyrillic.ttf，注意這里 -A 后面的 d 已經(jīng)換成了 f ，回車。

3.5 替換原工程中的字體文件

切回我們的工程，替換原字體文件，Run 一下：

問(wèn)題已解決！

4. Demo地址

點(diǎn)擊這里直達(dá)倉(cāng)庫(kù)

• CustomFontIssues 為字體有問(wèn)題的工程
• CustomFontIssuesResolve 為已解決字體問(wèn)題的工程

歡迎品嘗~

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)VEVB武林網(wǎng)的支持。