font-family / font-size / line-height / color / letter-spacing of reading friendly websites
Records the network security font-related css attributes of a series of "Chinese Read Friendly" web pages
Resolution 1920x1080, test time is the latest update time
For mobile Chinese font settings, you can refer to Tencent AlloyTeam's related articles and settings:
font-family : -apple-system , BlinkMacSystemFont , "PingFang SC" , "Helvetica Neue" , STHeiti , "Microsoft Yahei" , Tahoma , Simsun , sans-serif;"Hot Blooded Scoundrel" and "Escape" enter Xbox December Gold Membership Free Lineup
p {
font-family: "Tiempos", Georgia, serif;
font-size: 16px;
line-height: 1.85em;
font-weight: 400;
color: #000;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
¯_(ツ)_/¯On the special effects of different fonts of Yanwen (with the download of Yanwen Artifact)
p {
font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
text-rendering: optimizeLegibility;
line-height: 1.7;
color: #333;
}
Elderly-friendly design: How to let the elderly enjoy digital technology?
p {
font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, \5FAE8F6F96C59ED1, STHeitiSC-Light, simsun, \5B8B4F53, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";
line-height: 30px;
font-size: 16px;
font-weight: 400;
color: #3d464d;
text-size-adjust: 100%;
word-wrap: break-word;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
Beautiful track and field athlete, a wonderful fitness journey after retirement (for friends who want to give up on fitness)
p {
font-family: -apple-system, SF UI Text, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;
color: #2f2f2f;
font-size: 16px;
font-weight: 400;
line-height: 1.7;
text-size-adjust: 100%;
word-wrap: break-word;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
p {
font-family: "PingFang SC", "Lantinghei SC", "Microsoft Yahei", "Hiragino Sans GB", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans;
color: #333;
text-rendering: optimizelegibility;
font-weight: 300;
line-height: 1.8;
}
p {
line-height: 1.7;
color: #222;
font-family: "Biaodian Pro Sans CNS", "Helvetica Neue", Helvetica, Arial, "Zhuyin Heiti", "Han Heiti", sans-serif;
font-feature-settings: "liga" 1,"locl" 0;
font-size: 16px;
-webkit-font-smoothing: subpixel-antialiased;
}
Parameterized design and font warfare: Starting from OpenType 1.8
p {
font-family: "Classic Grotesque W01", "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, "Hiragino Sans GB", "PingFang SC", "Heiti SC", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans", sans-serif;
line-height: 1.6;
vertical-align: baseline;
-webkit-font-smoothing: antialiased;
}
How do e-books come about
p {
font-size: 18px;
line-height: 27px;
font-family: "Metropolis", "Helvetica Neue", helvetica, arial, sans-serif;
color: #222223;
}
Designers are really a bunch of people who are in a difficult position
p {
line-height: 1.8;
font-weight: 400;
font-family: Apercu, 'PingFang SC', 'Microsoft YaHei', Arial, SimHei, sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
color: #565c63;
vertical-align: baseline;
text-justify: auto;
}
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.