前言
站在用戶的角度思考問(wèn)題,與客戶深入溝通,找到遂溪網(wǎng)站設(shè)計(jì)與遂溪網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗(yàn),讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品,建站類型包括:網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名注冊(cè)、網(wǎng)頁(yè)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋遂溪地區(qū)。
本篇文章講的是在實(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)大!然后讓我們好好下載,靜靜等待吧。下載完畢打開(kāi)這個(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 獲取字體的信息文件
打開(kāi)終端,輸入:ftxdumperfuser -t hhea -A d PT\ DIN\ Condensed\ Cyrillic.ttf
,前面的【ftxdumperfuser -t hhea -A d 】為指令,后面的為你的字體文件路徑。最后回車,你會(huì)看到同級(jí)文件夾下回多出一個(gè)【DINCondensedC.hhea.xml】文件:
3.3 修改字體文件中的信息
讓我們打開(kāi)這個(gè)字體文件,你會(huì)看到:
<?xml version="1.0" encoding="UTF-8" standalone="no" ?> ]>
沒(méi)錯(cuò)這是個(gè) XML 文件,它里面包含了字體的一些公共信息:
這里面的每一項(xià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 ,回車。
3.5 替換原工程中的字體文件
切回我們的工程,替換原字體文件,Run 一下:
問(wèn)題已解決!
4. Demo地址
點(diǎn)擊這里直達(dá)倉(cāng)庫(kù)
歡迎品嘗~
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,如果有疑問(wèn)大家可以留言交流,謝謝大家對(duì)創(chuàng)新互聯(lián)的支持。