web字体推荐.md

web字体方案

apple.com:

font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif

alibabaChina:

font-family:'Open Sans','Microsoft YaHei',"Heiti SC",'STHeiti Light','PMingLiU', sans-serif

淘宝：

12px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif

小米：

font-family: 14px/1.5 Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif

掘金：

font-family: -apple-system,system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial;

简书：

font-family: -apple-system,BlinkMacSystemFont,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif

结论：

中文最佳：

font-family: "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei";

英文：

"Helvetica Neue", Helvetica, Arial

综合推荐：

font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;

设计稿字体:

web相关设计字体，除特殊效果需要，文本统一采用Helvetica，需留意图片里的字体版权问题(特别是大图标题)

字体商用问题：

    web文字的呈现方式：
        1、图标字体库（自定义字体库，不存在版权问题）
        2、css样式（即上述font-family，文本内容多是这种方式，该方式采用设备系统自带系统，不存在版权问题）
        3、font-face应用互联网字体（一般不采用，需考虑版权问题）
        4、图片方式呈现----(如带效果主页大图标题等，可能有商用隐患，需尽量使用免费字体，或自创效果)