css - 現在pc和移動端字體需要進行復雜的設置嗎?一直都是從簡。。
問題描述
很久以前都是復制別人網站的font-family內容,但是每次都復制感覺很麻煩,最近一次復制的是知乎的。后來看了個叫什么“XX白樺XX”的什么博客(記不清了),里面說移動端字體不需要多麻煩,一切從簡,所以,很長一段時間,我的PC端和移動端字體font-family都是:Helvetica,'microsoft yahei';非常簡單,不過倒也是顯示正常。直到今天看到PSD里面的字體是蘋方,然后下了一個裝在windows上,在百度搜索問題的時候,打開了百度知道和知乎,發現windows下顯示嚴重有問題,可是又想看到設計師的蘋方字體,很是麻煩。大家現在一般pc和手機端font-family都是怎么設置的呢?
問題解答
回答1:font-family: -apple-system, BlinkMacSystemFont, ’Helvetica Neue’, Helvetica, ’Nimbus Sans L’, Arial, ’Liberation Sans’, ’Hiragino Sans GB’, ’Source Han Sans CN Normal’, ’Microsoft YaHei’, ’微軟雅黑’, ’Wenquanyi Micro Hei’, ’WenQuanYi Zen Hei’, ’ST Heiti’, SimHei, ’WenQuanYi Zen Hei Sharp’, sans-serif;
如果設計稿有指定的字體、且沒法跟設計協調的,通常是把指定字體放在最前。另外這段是加在reset.css里的。
回答2:@font-face獲取網上的字體吧
相關文章:
1. python bottle跑起來以后,定時執行的任務為什么每次都重復(多)執行一次?2. javascript - ios返回不執行js怎么解決?3. javascript - vue2如何獲取v-model變量名4. node.js - vue中 post數據遇到問題5. 前端 - 誰來解釋下這兩個 CSS selector 區別6. javascript - 求幫助 , ATOM不顯示界面!!!!7. html5 - HTML代碼中的文字亂碼是怎么回事?8. javascript - angular使從elastichearch中取出的文本高亮顯示,如圖所示9. mysql - 分庫分表、分區、讀寫分離 這些都是用在什么場景下 ,會帶來哪些效率或者其他方面的好處10. python - 爬蟲模擬登錄后,爬取csdn后臺文章列表遇到的問題
