中文WebFont概況與小技巧
https://blog.25sprout.com/%E4%B8%AD%E6%96%87webfont%E6%A6%82%E6%B3%81%E8%88%87%E5%B0%8F%E6%8A%80%E5%B7%A7-9066e1b3dac6
如何優雅的選擇字體(font-family)
https://segmentfault.com/a/1190000006110417?utm_medium=hao.caibaojian.com&utm_source=hao.caibaojian.com&share_user=1030000000178452
Web 中文字體應用指南
https://ruby-china.org/topics/14005
目前網頁內的中文字體的呈現，在不同作業系統、不同遊覽器裡面所預設顯示的字體是不一樣的，並且相同字體在不同作業系統裡面渲染的效果也不盡相同，面對跨平臺、跨瀏覽器時排版或美觀等一致性的要求，是非常需要開發者仔細瞭解的。
可以參考幾家大公司網站的全域字型設定，例如小米公司優先使用Helvetica Neue這款字體以保證最新版本Mac用戶的最佳體驗，選擇了Arial作為Win下預設英文字體及Mac的替代英文字體；中文字體方面首選了微軟雅黑，然後選擇了冬青黑體及黑體-簡作為Mac上的替代方案；最後使用文泉驛微米黑兼顧了Linux系統。
#font, style, font-family, windows, mac, linux, 中文, 字型, 設定
https://blog.25sprout.com/%E4%B8%AD%E6%96%87webfont%E6%A6%82%E6%B3%81%E8%88%87%E5%B0%8F%E6%8A%80%E5%B7%A7-9066e1b3dac6
如何優雅的選擇字體(font-family)
https://segmentfault.com/a/1190000006110417?utm_medium=hao.caibaojian.com&utm_source=hao.caibaojian.com&share_user=1030000000178452
Web 中文字體應用指南
https://ruby-china.org/topics/14005
目前網頁內的中文字體的呈現，在不同作業系統、不同遊覽器裡面所預設顯示的字體是不一樣的，並且相同字體在不同作業系統裡面渲染的效果也不盡相同，面對跨平臺、跨瀏覽器時排版或美觀等一致性的要求，是非常需要開發者仔細瞭解的。
可以參考幾家大公司網站的全域字型設定，例如小米公司優先使用Helvetica Neue這款字體以保證最新版本Mac用戶的最佳體驗，選擇了Arial作為Win下預設英文字體及Mac的替代英文字體；中文字體方面首選了微軟雅黑，然後選擇了冬青黑體及黑體-簡作為Mac上的替代方案；最後使用文泉驛微米黑兼顧了Linux系統。
#font, style, font-family, windows, mac, linux, 中文, 字型, 設定
留言
張貼留言