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

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

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

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

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

Fonts - Apple Developer

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

下載後點開即可安裝。

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

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