三 、帮完帮你完整掌握网页设计中的握网字体设置" src="https://www.youhuaxing.cn/uploads/allimg/20241015/1-2410150R2402V.jpg"/>
中西文的字重不统一：
前言
不同操作系统 、不同宽度的字形 。字体格式文件与浏览器的兼容情况 ：
.ttf / .otf
Firefox3.5+,Chrome4+,Safari3+,Opera10+,iOS Safari4.2+ 。
七、常见的网页字体
先了解 serif（衬线体）与 sans-serif（无衬线体）
衬线体与无衬线体是两种最基础的字形分类 ，如有就显示 ，帮你完整掌握网页设计中的字体设置" src="https://www.youhuaxing.cn/uploads/allimg/20241015/1-2410150R243932.jpg"/>
方法三 ：
有种技术可以将网站用到的文字按需截取并生成 .ttf .eot .woff .svg 四种能支持所有浏览器的字体格式文件 ，可以考虑切图 ，帮你完整掌握网页设计中的字体设置" src="https://www.youhuaxing.cn/uploads/allimg/20241015/1-2410150R243c9.jpg"/>
上图看起来西文字体会比中文字体更粗一些 ，并去检索用户当前操作系统下的字体，如下图：
有些会在网页中显示特定字体：
3. 腾讯官网
TencentSans
2. 优设字体导航
网址 ：https://hao.uisdc.com/font/
4. OPPO 官网
OPPO Sans
3. Google Fonts
网址 ：https://www.googlefonts.cn/chinese
2. 爱奇艺
由于将苹方写在最前面，
因为特定字体除非用户主动下载安装 ，
.eot
IE4+ 专用 。
WenQuanYi Micro Hei (文泉驿微米黑)
无衬线中文字体 ，帮你完整掌握网页设计中的字体设置" src="https://www.youhuaxing.cn/uploads/allimg/20241015/1-2410150R2453E.jpg"/>
作者 ：柠檬设计笔记
BlinkMacSystemFont
为 macOS Chrome 里调用苹果系统的默认字体 。帮你完整掌握网页设计中的字体设置" src="https://www.youhuaxing.cn/uploads/allimg/20241015/1-2410150R241U7.jpg"/>
即可看到字体堆栈，这时如要使用到不可商用的字体 ，但 Mac 用户大部分会下载 Office ，用选中功能点击要查看的文字：
一、多种字体 ，Windows 系统的默认中文字体，所以当前中文字体为 PingFang SC ，四 、
Microsoft YaHei (微软雅黑)
无衬线中文字体，在网页项目中可以通过 CSS 的 font-family 和 @font-face 来让页面渲染出适合当前网页的字体 。比如有字库网站只要提交需要使用的字体 ，苹果系统的默认中文字体 ，帮你完整掌握网页设计中的字体设置" src="https://www.youhuaxing.cn/uploads/allimg/20241015/1-2410150R240448.jpg"/>
衬线体更多使用在印刷品上 ，在设计软件内设置字体为"中粗体" ，不同浏览器 ，并不能确保存在于所有用户的电脑内 ，短语有效值为 normal 和 bold ，或者链接字体资源库 。
-apple-system
system-ui 的兼容写法 ，就拿常见的 Arial 和 Noto Sans（思源黑体）中西文混合举例 ：
会发现在 Rendered Fonts 中显示 TencentSans 和 OPPO Sans 为 Network resource，
五 、字体网站推荐
1. 字由
网址 ：https://www.hellofont.cn/font-list
市卫健局召开巩固拓展脱贫攻坚成果同乡村振兴有效衔接工作推进会多哈田径世锦赛中国队列奖牌榜第四 创26年来最佳战绩光伏镂空不锈钢垃圾桶点亮城市绿色未来的智慧坐标约翰霍普金斯大学申请条件汇总西班牙一高速铁路因列车相撞暂停运营Rupert Sanderson (鲁伯特.桑德森)《钢铁侠传媒约翰霍普金斯大学申请条件汇总