font-family
Is a website user experience first entrance, it is very necessary to spend time to study. First, we need to understand serif fonts and sans serif fonts, then we need to understand the common Chinese and English fonts and their applicability.
Serif font
Serif(serif
)Each stroke has its own style, the end of the stroke will be decorated, emphasizing the sense of art, suitable for blog, tourism, culture, art website.
Sans Serif
No serif(sans-serif
)The font is neat and square, giving people a formal feeling, suitable for government and enterprise websites.
Chinese font
Windows
-
simsun
Song style, toowindows
The default font for most browsers,font-size
When it is larger, the clarity is poor. -
Microsoft Yahei
, sans serif font, Microsoft YaHei, is a Chinese font designed by China founder.
Mac OS
-
STHeiti
, Chinese boldface,OS X 10.6
Before the simplified Chinese system interface default font, is also the currentChrome
The default font under the explorer. -
STXihei
, Chinese fine black, thanSTHeiti
The text is finer. -
Heiti SC
From Jane, boldfaceOS X 10.6
At first, bold Jane replaced Chinese bold as the default font of simplified Chinese system interface, and the display effect was good, but the bell mouth design was criticized. -
Hiragino Sans GB
, Holly black, fresh professional print font, small size is enough clear, has many people’s pursuit. -
PingFang SC
, Ping Fang, inMac OS X EL Capitan
On the top, apple created for Chinese users, removed the trumpet mouth that is criticized by others.
Linux
-
WenQuanYi Micro Hei
, WenQuanYi micron black,Linux
Best simplified Chinese font.
English font
Windows
-
Arial
, sans serif Western font, the display effect is general. -
Tahoma
, sans serif font, display effect ratioArial
Good. -
Verdana
The advantage of sans serif typeface is that it is still clear in structure and easy to read.
Mac OS
-
Times New Roman
, serif font,Mac
platformSafari
Under the default font. -
Helvetica
、Helvetica Neue
Is widely used. -
San Francisco
Like Pingfang,mac os
The latest Western Font.
Font family setting principle
- Western language first: most of the Western Fonts do not contain Chinese, and western language takes precedence, followed by Chinese, which will not affect the choice of Chinese font.
- From new to old: give priority to the best font experience, downward compatibility.
- Compatible with multiple operating systems: considerations
windows, mac os, android, linux
And so on. - Add font family: last according to serif
serif
Or no serifsans-serif
To supplement the font family, when all the set fonts cannot be found, the operating system can choose the direction of the font.
Recommended by font family
font-family: "Helvetica Neue", Helvetica, "PingFang SC", Tahoma, "Hiragino Sans GB", "Heiti SC", Arial, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
First link
Scan the lower applet code or searchTusi blog
, read the latest articles now!