»
010. H5 Font
To achieve same font style on web pages, unless the web page itself carries font files such as ttf, woff, eot, svg, etc., it is necessary to consider whether the user's native operating system comes with same font type.
The font styles in web pages mostly need to be adapted to different systems such as Windows, macOS, Linux, Android, and iOS. The goal is to maintain consistent display of text styles in browsers across different systems. Here are some examples of consistent font styles across desktop operating systems:
<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', Helvetica, sans-serif;font-weight:1000;}
.font-family-arialblack {font-family: 'Arial Black', Helvetica, sans-serif;font-weight:1000;}
.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 Learningers Co-Encouraged