???雨哥為啥很少用小字體???< /span>
雨哥自己不喜歡用小字體,不過很多朋友都喜歡。之前分享過一篇非常詳細的小字體製作教程,基本上讀完了就夠了:
小字體製作詳細教程+精緻小字體
雨哥為什麼不喜歡小字體?因為小字體在顯示過程中總會有Bug,尤其是蘋果手機,總會出現某些地方顯示不全,無解。 如下圖所示:
上面一排為字體的標準字距和大小,矯情的蘋果手機會在很多界面和App記住這個標準字距和大小。下面一排是縮小到80%的字體。大家會發現,跟標準字距完全重合的地方很少,這也是為什麼某些App裡面小字體會缺少半個字顯示。
???教程前沿???
如果你會打包TTF字體文件,那麼可以繼續往下看,不會的話這裡有教程:字體屬性修改、TTC打包①、TTC打包②。
拿我免費分享的已經優化過字庫的字體直接縮小會比較簡單。如果是其他字符不全的字體需要補字庫的話,這裡也有詳細的教程《 從零開始教你補字庫》,熟悉之後可以點個在看?然後繼續往下看。
???不一樣的字體縮小教程???
之前的教程裡面,我們是通過FontCreator菜單裡面的Tools - Glyph Transformer,在變形工具的Outlines - Scale 裡面選擇參數進行縮小:
今天推薦另外一個工具:Fontlab(百度搜索獲取)。
Fontlab工具能做的事情,基本上FontCreator都可以更好的做到,但是有一點FontCreator不可以,那就是Fontlab可以全局修改字體的UPM值,關於UPM值的介紹,雨哥在之前的一篇教程裡面有:
無需電腦、手機端一鍵縮小字體丨再也不用花錢定制了
今天以蘋方字體縮小80%為例,我們用Fontlab打開TTF文件,然後電腦快捷鍵Ctrl+Alt+F,出現下面的工具,鼠標定位到Metrics and Dimensions:
看一下原來的值,蘋果標準是1000,我們把這個1000改成800,然後一定要記得勾選下面的Scale前面的框框:
操作完畢後點擊最下面的OK。 OK之後,再按電腦快捷鍵Ctrl+Alt+G,保存一個新的TTF文件。
我們用電腦打開這個新的TTF文件,發現跟之前的文件字體大小一模一樣,沒有任何區別,不著急,還有下一步。
再用FontCreator打開這個修改過的TTF文件,然後點擊菜單Font - Propreties - General,這裡顯示的Units per em變成800了,把這個800改成1000,然後點下面的OK:
然後再看,字體是不是明顯縮小了?完事了嗎?還沒有,這時候我們會發現字體往下偏移了很多,字體位置發生了很大的變化。我們需要把所有字符通過變形向上位移72個像素:
這樣操作之後,再導出TTF,這個TTF文件就完美縮小了80%了,而且位置也正確了。
那麼為什麼是往上移動72個像素呢? 我算出來的。 如果是縮小到70%,那麼最後修復位置需要上移108。意思就是:每縮小1個百分點,最後修復位置需要上移3.6個像素。如果是縮小到90%,那麼就是上移3.6×10=36,前提條件是最開始的UPM值是1000。 記得點在看?哦
???需要修改哪些文件呢???
安卓不說了,縮小TTF文件原理是相同的,蘋果需要修改下面這100多個文件,以iOS14為例: span>
文章為用戶上傳,僅供非商業瀏覽。發布者:Lomu,轉轉請註明出處: https://www.daogebangong.com/zh-Hant/articles/detail/Review%20The%20latest%20version%20of%20Pingfang%20small%20font%20%20Chinese%20and%20English%2085%20size%20%20includes%20Apple%20%20Android%20system.html
评论列表(196条)
测试