做到网页上的相同字体样式，除非网页自身携带ttf、woff、eot、svg等字体文件，否则都需要考虑用户本机操作系统是否自带这个字体类型。
    网页中的字体样式大多需要适配Windows、macOs、Linux以及Android、iOS的不同系统，目标是尽量保持各个系统中浏览器内文字样式的显示一致。以下是一些跨桌面操作系统的一致字体的样式例子：

<style>
.font-family-arial {font-family: Arial, Helvetica, sans-serif}
.font-family-arial {font-family: Arial, Helvetica, sans-serif}
.font-family-arialblack {font-family: 'Arial Black', Gadget, sans-serif;}
.font-family-arialblack {font-family: 'Arial Black', Gadget, sans-serif;}
.font-family-bookman {font-family: 'Bookman Old Style', serif;}
.font-family-bookman {font-family: 'Bookman Old Style', serif;}
.font-family-comic {font-family: 'Comic Sans MS', cursive;}
.font-family-comic {font-family: 'Comic Sans MS', cursive;}
.font-family-courier {font-family: Courier, monospace;}
.font-family-courier {font-family: Courier, monospace;}
.font-family-couriernew {font-family: 'Courier New', Courier, monospace;}
.font-family-couriernew {font-family: 'Courier New', Courier, monospace;}
.font-family-garamond {font-family: Garamond, serif;}
.font-family-garamond {font-family: Garamond, serif;}
.font-family-georgia {font-family: Georgia, serif;}
.font-family-georgia {font-family: Georgia, serif;}
.font-family-impact {font-family: Impact, Charcoal, sans-serif;}
.font-family-impact {font-family: Impact, Charcoal, sans-serif;}
.font-family-lucida_c {font-family: 'Lucida Console', Monaco, monospace;}
.font-family-lucida_c {font-family: 'Lucida Console', Monaco, monospace;}
.font-family-lucida_s {font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;}
.font-family-lucida_s {font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;}
.font-family-mssans {font-family: 'MS Sans Serif', Geneva, sans-serif;}
.font-family-mssans {font-family: 'MS Sans Serif', Geneva, sans-serif;}
.font-family-msserif {font-family: 'MS Serif', 'New York', sans-serif;}
.font-family-msserif {font-family: 'MS Serif', 'New York', sans-serif;}
.font-family-palatino {font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
.font-family-palatino {font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
.font-family-symbol {font-family: Symbol, sans-serif;}
.font-family-symbol {font-family: Symbol, sans-serif;}
.font-family-tahoma {font-family: Tahoma, Geneva, sans-serif;}
.font-family-tahoma {font-family: Tahoma, Geneva, sans-serif;}
.font-family-times {font-family: 'Times New Roman', Times, serif;}
.font-family-times {font-family: 'Times New Roman', Times, serif;}
.font-family-trebuchet {font-family: 'Trebuchet MS', Helvetica, sans-serif;}
.font-family-trebuchet {font-family: 'Trebuchet MS', Helvetica, sans-serif;}
.font-family-verdana {font-family: Verdana, Geneva, sans-serif;}
.font-family-verdana {font-family: Verdana, Geneva, sans-serif;}
.font-family-webdings {font-family: Webdings, sans-serif;}
.font-family-webdings {font-family: Webdings, sans-serif;}
.font-family-wingdings {font-family: Wingdings, 'Zapf Dingbats', sans-serif;}
.font-family-wingdings {font-family: Wingdings, 'Zapf Dingbats', sans-serif;}
</style>
    ————www.v-signon.com学习者共勉