字体测试
对html标签lang属性设置不同的值，浏览器会对应不同的默认字体。
默认
font-family: initial;
同仑让怒花的人身太是也陀司的太原承因人，故司之冈徨人先不县死一人贼李商，天大亡命感法金德娟尚气云流秦中便王，罪作雷畴这求纯韩命，略才也互动十变欲定耳，大降过过皮乌，尝人过有葬烦着锐了定知皇，禀范郭若，哥订之行内花秦掸哥巴学当普毒，老道自希价承都流洪，杂怒。
Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae reiciendis dignissimos possimus, magni necessitatibus voluptatem ipsum nam optio eveniet provident iste sequi dicta animi. Autem accusantium esse nam voluptatibus tenetur.
sans-serif
font-family: sans-serif;
同仑让怒花的人身太是也陀司的太原承因人，故司之冈徨人先不县死一人贼李商，天大亡命感法金德娟尚气云流秦中便王，罪作雷畴这求纯韩命，略才也互动十变欲定耳，大降过过皮乌，尝人过有葬烦着锐了定知皇，禀范郭若，哥订之行内花秦掸哥巴学当普毒，老道自希价承都流洪，杂怒。
Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae reiciendis dignissimos possimus, magni necessitatibus voluptatem ipsum nam optio eveniet provident iste sequi dicta animi. Autem accusantium esse nam voluptatibus tenetur.
serif
font-family: serif;
同仑让怒花的人身太是也陀司的太原承因人，故司之冈徨人先不县死一人贼李商，天大亡命感法金德娟尚气云流秦中便王，罪作雷畴这求纯韩命，略才也互动十变欲定耳，大降过过皮乌，尝人过有葬烦着锐了定知皇，禀范郭若，哥订之行内花秦掸哥巴学当普毒，老道自希价承都流洪，杂怒。
Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae reiciendis dignissimos possimus, magni necessitatibus voluptatem ipsum nam optio eveniet provident iste sequi dicta animi. Autem accusantium esse nam voluptatibus tenetur.
系统默认字体
font-family: system-ui, -apple-system, BlinkMacSystemFont,
sans-serif;
- system-ui：操作系统默认字体。
- -apple-system：苹果系统默认字体。
- BlinkMacSystemFont：使用Blink渲染引擎（如Chrome和Edge）的Mac设备的系统字体。
同仑让怒花的人身太是也陀司的太原承因人，故司之冈徨人先不县死一人贼李商，天大亡命感法金德娟尚气云流秦中便王，罪作雷畴这求纯韩命，略才也互动十变欲定耳，大降过过皮乌，尝人过有葬烦着锐了定知皇，禀范郭若，哥订之行内花秦掸哥巴学当普毒，老道自希价承都流洪，杂怒。
Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae reiciendis dignissimos possimus, magni necessitatibus voluptatem ipsum nam optio eveniet provident iste sequi dicta animi. Autem accusantium esse nam voluptatibus tenetur.
无衬线方案
font-family: "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open
Sans", "Helvetica Neue", sans-serif;
- Segoe UI：用于Windows系统的无衬线字体。Windows 7及以后版本的默认字体。
- Roboto：由Google设计的无衬线字体。
- Oxygen：用于Linux系统的无衬线字体。
- Ubuntu：用于Ubuntu操作系统的无衬线字体。
- Cantarell：由Red Hat设计的无衬线字体，用于GNOME桌面环境。
- Helvetica Neue：常用的无衬线字体，常用于Mac和iOS设备。
- Open Sans：一种流行的无衬线字体，常用于网页设计和印刷。
- sans-serif：默认无衬线字体。
同仑让怒花的人身太是也陀司的太原承因人，故司之冈徨人先不县死一人贼李商，天大亡命感法金德娟尚气云流秦中便王，罪作雷畴这求纯韩命，略才也互动十变欲定耳，大降过过皮乌，尝人过有葬烦着锐了定知皇，禀范郭若，哥订之行内花秦掸哥巴学当普毒，老道自希价承都流洪，杂怒。
Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae reiciendis dignissimos possimus, magni necessitatibus voluptatem ipsum nam optio eveniet provident iste sequi dicta animi. Autem accusantium esse nam voluptatibus tenetur.
衬线方案
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
同仑让怒花的人身太是也陀司的太原承因人，故司之冈徨人先不县死一人贼李商，天大亡命感法金德娟尚气云流秦中便王，罪作雷畴这求纯韩命，略才也互动十变欲定耳，大降过过皮乌，尝人过有葬烦着锐了定知皇，禀范郭若，哥订之行内花秦掸哥巴学当普毒，老道自希价承都流洪，杂怒。
Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae reiciendis dignissimos possimus, magni necessitatibus voluptatem ipsum nam optio eveniet provident iste sequi dicta animi. Autem accusantium esse nam voluptatibus tenetur.
黑体方案
font-family: "PingFang SC","Helvetica Neue", STHeiti, "Microsoft
Yahei", sans-serif;
- PingFang SC：用于苹果操作系统上的中文无衬线字体。
- Helvetica Neue：用于Mac和iOS设备的英文无衬线字体。
- STHeiti：用于Mac和iOS设备上的中文无衬线字体。
- Microsoft Yahei：用于Windows系统上的中文无衬线字体。
同仑让怒花的人身太是也陀司的太原承因人，故司之冈徨人先不县死一人贼李商，天大亡命感法金德娟尚气云流秦中便王，罪作雷畴这求纯韩命，略才也互动十变欲定耳，大降过过皮乌，尝人过有葬烦着锐了定知皇，禀范郭若，哥订之行内花秦掸哥巴学当普毒，老道自希价承都流洪，杂怒。
Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae reiciendis dignissimos possimus, magni necessitatibus voluptatem ipsum nam optio eveniet provident iste sequi dicta animi. Autem accusantium esse nam voluptatibus tenetur.
宋体方案
font-family: "Songti SC", "Times New Roman", STSong, SimSun,
serif;
同仑让怒花的人身太是也陀司的太原承因人，故司之冈徨人先不县死一人贼李商，天大亡命感法金德娟尚气云流秦中便王，罪作雷畴这求纯韩命，略才也互动十变欲定耳，大降过过皮乌，尝人过有葬烦着锐了定知皇，禀范郭若，哥订之行内花秦掸哥巴学当普毒，老道自希价承都流洪，杂怒。
Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae reiciendis dignissimos possimus, magni necessitatibus voluptatem ipsum nam optio eveniet provident iste sequi dicta animi. Autem accusantium esse nam voluptatibus tenetur.
楷体方案
font-family: "Kaiti SC", Georgia, STKaiti, KaiTi, serif;
同仑让怒花的人身太是也陀司的太原承因人，故司之冈徨人先不县死一人贼李商，天大亡命感法金德娟尚气云流秦中便王，罪作雷畴这求纯韩命，略才也互动十变欲定耳，大降过过皮乌，尝人过有葬烦着锐了定知皇，禀范郭若，哥订之行内花秦掸哥巴学当普毒，老道自希价承都流洪，杂怒。
Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae reiciendis dignissimos possimus, magni necessitatibus voluptatem ipsum nam optio eveniet provident iste sequi dicta animi. Autem accusantium esse nam voluptatibus tenetur.
移动端推荐
font-family: system-ui, -apple-system, Arial, sans-serif;
同仑让怒花的人身太是也陀司的太原承因人，故司之冈徨人先不县死一人贼李商，天大亡命感法金德娟尚气云流秦中便王，罪作雷畴这求纯韩命，略才也互动十变欲定耳，大降过过皮乌，尝人过有葬烦着锐了定知皇，禀范郭若，哥订之行内花秦掸哥巴学当普毒，老道自希价承都流洪，杂怒。
Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae reiciendis dignissimos possimus, magni necessitatibus voluptatem ipsum nam optio eveniet provident iste sequi dicta animi. Autem accusantium esse nam voluptatibus tenetur.