1. 程式人生 > >安裝 San Francisco 字型檔,讓 sketch 顯示的 App 畫面不再跑版

安裝 San Francisco 字型檔,讓 sketch 顯示的 App 畫面不再跑版

安裝 San Francisco 字型檔,讓 sketch 顯示的 App 畫面不再跑版

當我們從網路上下載 iOS App 畫面的 sketch 檔時,有時開啟後會發現如下圖的跑版現象,Add Number 跟數字 4567 重疊了 !

此時可檢查 sketch 視窗的右上角是否出現紅色的 Notifcations。點選後若出現 Missing Fonts,即表示跑版是因為少了字型檔。

點選 Missing Fonts 後,發現我們少了一堆 SFPro 開頭的字型。

其實 SF 指的就是 iOS 系統目前預設採用的字型 San Francisco。

可惜 macOS 沒有 San Francisco,因此我們必須另外從剛剛連結的網站下載。

下載後點開即可安裝。

可按下 cmd + a 全選後再雙擊安裝。

在 Mac 上順利安裝 San Francisco 後,從 sketch 看到的 App 畫面終於正常了。