亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國推薦設(shè)計師 (詳情)
//百度統(tǒng)計 20220402 uicn

您的意見是我們 UI 中國進步的動力!
點擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入UI中國官方反饋群進行反饋!
群號:302892100
備注:反饋問題后@管理員能讓我們及時了解您的意見

提交需求

賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!

0/20
0/200

設(shè)計大賽

  • 設(shè)計大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對UI中國的支持和信賴!
微軟雅黑與Microsoft YaHei UI有什么區(qū)別
3.4°

最近在做一個桌面端的項目,由于只有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

更新:2023-11-16

收藏

5人已收藏

  • 14

    作品

  • 34

    粉絲

  • 5

    關(guān)注

  • 設(shè)計師如何發(fā)現(xiàn)用戶需求
  • 搞定B端:寬窄屏適配設(shè)計思考
  • 批量操作效率悖論:B端表格設(shè)計背后的思考(上)
  • 設(shè)計師提升開發(fā)效率之密碼設(shè)計
相關(guān)標簽

    猜你喜歡

      微軟雅黑與Microsoft YaHei UI有什么區(qū)別

      3.4°

      你確定要舉報微軟雅黑與Microsoft YaHei UI有什么區(qū)別?

      如果查出惡意舉報,十天內(nèi)禁止提交任何舉報申請。

      0/200

      上傳證據(jù): 超過10M的附件請使用網(wǎng)盤地址

      點擊上傳附件

      對誰可見:

      全部設(shè)計師
      • 全部設(shè)計師
      • 推薦設(shè)計師和認證設(shè)計師

      您確認要推薦?

      該作品發(fā)布時間:2023年11月16日

      評分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      9
      5
      1

      賬號或密碼錯誤,請重新輸入

      賬號或密碼錯誤,請重新輸入

      登錄

      手機號

      發(fā)送驗證碼 120s 驗證碼錯誤

      登錄
      第三方賬號登錄