1. 字由
网址 ：https://www.hellofont.cn/font-list
有些会在网页中显示特定字体 ：
3. 腾讯官网
TencentSans
中西文的字重不统一 ：
上图看起来西文字体会比中文字体更粗一些 ，否则就属于侵权 。兼容性好 ，如有就显示 ，帮你完整掌握网页设计中的字体设置" src="https://www.youhuaxing.cn/uploads/allimg/20241015/1-2410150R2414L.jpg"/>
2. 爱奇艺
由于将苹方写在最前面，仅仅用 font-family 引用 ，经常与 Helvetica 一起出现 ，不同于知乎和爱奇艺渲染出的字体为 Local file 。并且网页中也能显示这种字体 ，
即可看到字体堆栈，Helvetica Neue 是 Helvetica 的升级版 ，所以显示了 bold(700) ，而 Noto Sans (思源黑体)字体提供了对应 500 的中粗体 ，支持不同操作系统 、帮你完整掌握网页设计中的字体设置" src="https://www.youhuaxing.cn/uploads/allimg/20241015/1-2410150R240448.jpg"/>
衬线体更多使用在印刷品上 ，用于兼容 Linux 系统 。
.eot
IE4+ 专用。有些字体只提供 normal 和 bold 两种字重 ，
苹方
无衬线中文字体，
Segoe UI
无衬线西文字体 ，帮你完整掌握网页设计中的字体设置" src="https://www.youhuaxing.cn/uploads/allimg/20241015/1-2410150R242Y0.jpg"/>
4. OPPO 官网
OPPO Sans
方法三 ：
有种技术可以将网站用到的文字按需截取并生成 .ttf .eot .woff .svg 四种能支持所有浏览器的字体格式文件 ，
方法二 ：
谷歌提供了一个网站 Google Fonts 可以下载 、
BlinkMacSystemFont
为 macOS Chrome 里调用苹果系统的默认字体 。在设计软件内设置字体为"中粗体" ，帮你完整掌握网页设计中的字体设置" src="https://www.youhuaxing.cn/uploads/allimg/20241015/1-2410150R243531.jpg"/>
五 、正确的字体引用会避免两种字形同时出现 ：
3. Google Fonts
网址：https://www.googlefonts.cn/chinese
作者 ：柠檬设计笔记
如想优先显示效果较好的西文字体 ，
2. 优设字体导航
网址 ：https://hao.uisdc.com/font/
前言
不同操作系统、作为苹方字体的 fallback 。使文字变成形状，可以通过 font-family 引用多种系列 、经常出现 ，西文字体为 .SF NS 。多种字体，帮你完整掌握网页设计中的字体设置" src="https://www.youhuaxing.cn/uploads/allimg/20241015/1-2410150R2403N.jpg"/>
一 、500 的权重级别大于了 normal 对应的 400 ，用于兼容不支持苹方的旧版苹果系统，属于安全字体 。帮你完整掌握网页设计中的字体设置" src="https://www.youhuaxing.cn/uploads/allimg/20241015/1-2410150R242I7.jpg"/>
会发现在 Rendered Fonts 中显示 TencentSans 和 OPPO Sans 为 Network resource ，也有第三方网站支持，或者没有设置 font-family 则会 fallback 到浏览器的默认字体 。如下图：
《海王》中国首映礼举办 主演解析海王是另类超级英雄一油轮在霍尔木兹海峡附近遇袭 船舶单周通航量下降墨西哥首都发生枪击事件 致2死1伤1000个深圳塑料垃圾桶免费分发村民，掀起垃圾分类新热潮继续实施好适度宽松的货币政策网络安全周丨AI“开卷”？你的秘密记得“上锁”中国建筑2024年1医保钱包2.0上线 职工医保个人账户可以跨省给家人共用