font-family网页开发常用字体设置参考
2024-04-11 09:44喜书

font-family: GoogleSans,PingFangSC,'微软雅黑';

font-family: "Helvetica Neue","Helvetica","PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Noto Sans CJK","Source Han Sans","WenQuanYi Micro Hei","Microsoft YaHei",sans-serif;

font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,Hiragino Sans GB,Microsoft Yahei,sans-serif;

font-family: PingFangSC-Regular,PingFang SC,Avenir,Helvetica,Arial,sans-serif;

QQ:font-family: PingFang SC,system-ui,-apple-system,Segoe UI,Rototo,Helvetica,Arial,sans-serif;

font-size: 16px;

microsoft:font-family: "Segoe UI Light","wf_segoe-ui_light",Arial,"Helvetica Neue",Verdana,Helvetica,Sans-Serif;

git:font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";

sohu:

font-family: "PingFang SC", Arial, "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", simsun, sans-serif;

知乎:font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

GoogleSans-Medium.ttf 英文

PingFang SC 中文

Roboto 是Google旗下Android操作系统的默认字体

Segoe UI 是 Windows 从 Vista 开始的介面默认西文字体

Helvetica 被广泛用于全世界使用拉丁字母和西里尔字母的国家

Helvetica Neue 整体比 Helvetica 更趋近完美,可选的字重也更多。如果有 Helvetica Neue 可用,通常就不用考虑 Helvetica 了

Arial 微软

Verdana 微软

思源黑体有两个英文名:Adobe 发行的 Source Han Sans 和 Google 发行的 Noto Sans CJK(或 Noto Sans SC/TC/HC/JP/KR)。

WenQuanYi Micro Hei 文泉驿正黑体是一套由文泉驿开发的开源中文黑体TrueType开源字体,是第一个完整覆盖GB 18030、GB2312、Big5、GBK以及GB18030标准字符集的免费中文字体。

其中 system-ui,-apple-system,BlinkMacSystemFont ,Segoe UI ,Helvetica ,Arial 是在指定使用各个系统下默认的西文字体。

其中 "PingFang SC" ,Microsoft Yahei 指定各个系统下默认的中文字体。

-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;

sans-serif; 无衬线体

serif 是衬线字体

而英文,常用的 serif 字体为Times New Roman,常用的 sans serif 字体为Arial,Tahoma。

无衬线体和衬线体有什么区别

字体的细节设计和使用场景

无衬线体和衬线体是两种不同的字体风格,它们的主要区别在于字体的细节设计和使用场景。以下是详细介绍:12

无衬线体(Sans Serif)。这种字体特征是笔画末端没有额外的装饰(即没有衬线),并且笔画的粗细保持一致。无衬线体通常看起来更现代、简洁,适合用于标题、较短的文本段落或通俗读物,因为它能够提供一种醒目和现代的感觉。

衬线体(Serif)。这种字体在笔画开始和结束的地方有额外的装饰(即衬线),笔画的粗细可能会有所不同。衬线体看起来更加传统和优雅,适合用于需要高度可读性的场合,如大段落的文本,因为它能够提高阅读时的视觉参照,增加文字的辨识度。12

总结来说,无衬线体适合用于需要突出显示和简洁风格的场合,而衬线体则更适合用于需要高度可读性和传统感觉的文本内容。