iOS自定義字體顯示問(wèn)題的完美解決方法

更新時(shí)間：2019年03月07日 10:18:58 作者：從來(lái)吃不胖

這篇文章主要給大家介紹了關(guān)于iOS自定義字體出問(wèn)題的完美解決方法，文中通過(guò)示例代碼以及圖文介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

前言

本篇文章講的是在實(shí)際項(xiàng)目中碰到一款自定義字體在展示上出現(xiàn)問(wèn)題，然后運(yùn)用先進(jìn)的蘋(píng)果爸爸的工具來(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 并重寫(xiě) 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)大！然后讓我們好好下載，靜靜等待吧。下載完畢打開(kāi)這個(gè)【PT DIN Condensed Cyrillic.ttf】字體文件，沒(méi)想到這個(gè)軟件還收費(fèi)，只能試用幾天。試用就使用吧，但是，這個(gè)字體里的每個(gè)字符我都要一個(gè)一個(gè)去改？作為程序員，不能忍！

結(jié)論：不可行

3. 最終的解決方案

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

3.1 下載該工具

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

3.2 獲取字體的信息文件

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

3.3 修改字體文件中的信息

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

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

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

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

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