提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!
最近在做一個桌面端的項目,由于只有Windows版的,為了最大還原設(shè)計稿,減少開發(fā)與上線效果的差距,字體采用了windows系統(tǒng)自帶的微軟雅黑。
在設(shè)計按鈕時,雖然字體和按鈕背景大小都是偶數(shù),但是垂直方向上文字還是明顯未居中(這個問題在多年前設(shè)計web端時就存在,后來改用蘋方字體后就解決了)。
14px的“微軟雅黑”字體,未設(shè)置行高的情況下,本來文字應該是上下居中的,但實際上文字上方有3px空白占位,下方有1px空白。采用這個字體即使進行了上下對齊,實際上也是沒有對齊的。在一次無意中我發(fā)現(xiàn),有一個Microsoft YaHei Ul的字體,出于好奇于是我試了下:
14px的Microsoft YaHei Ul字體,字形與微軟雅黑一致,文字上下默認空白占位是相等的,上下間距都為2px;采用該字體則不存在無法對齊的問題。
我驗證了一下,前端字體寫成微軟雅黑與Microsoft YaHei Ul存在同樣的差異,如上圖B中采用微軟雅黑時,箭頭和文字是無法對齊的。所以設(shè)計師要要求前端把字體寫成Microsoft YaHei Ul,而不是微軟雅黑或Microsoft YaHei。
Microsoft YaHei Ul字體是windows系統(tǒng)自帶的,蘋果系統(tǒng)里需要單獨安裝,我從Windows里面拷貝出來了一份,有需要字體包的可以自行安裝:
鏈接:https://pan.baidu.com/s/1_ah7qMemuYun2OzpA7XJdQ
提取碼:公眾號內(nèi)回復“雅黑”
文章來源:“小桔設(shè)計”公眾號
Powered by Froala Editor
大牛,別默默的看了,快登錄幫我點評一下吧!:)
登錄 立即注冊