前言

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

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

1. 自定義字體出什么問題了？

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

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

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

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

2. 解決思路

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

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

結(jié)論：不可行

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

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

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

結(jié)論：不可行

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

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

結(jié)論：不可行

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

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

結(jié)論：不可行

3. 最終的解決方案

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

3.1 下載該工具

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

3.2 獲取字體的信息文件

打開終端，輸入：ftxdumperfuser -t hhea -A d PT\ DIN\ Condensed\ Cyrillic.ttf，前面的【ftxdumperfuser -t hhea -A d 】為指令，后面的為你的字體文件路徑。最后回車，你會(huì)看到同級文件夾下回多出一個(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"
	/>

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

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

這里面的每一項(xiàng)信息，都可以從蘋果的：hheaTable文檔 這篇文檔中找到。文檔中可以看到，一款字體也是一個(gè)大工程。
今天我們要解決的，是【DINCondensedC】字體偏上的問題，因此，讓我們來調(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 一下：

問題已解決！

4. Demo地址

點(diǎn)擊這里直達(dá)倉庫

• CustomFontIssues 為字體有問題的工程
• CustomFontIssuesResolve 為已解決字體問題的工程

歡迎品嘗~

總結(jié)

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

最新評論