Home  >  Article  >  Web Front-end  >  Web page CSS style attributes: font common sense_html/css_WEB-ITnose

Web page CSS style attributes: font common sense_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:45:231253browse

Also declare the font name (English) and display name (Chinese) of the Chinese font:
font-family:SimSun,"宋体";
font-family:"Microsoft YaHei","Microsoft YaHei" ;
font-family:STXihei,"中文字幕黑","Microsoft YaHei","Microsoft YaHei";

Never forget to declare the English font, and the English font should be before the Chinese font
Font-family: Georgia, SimSun, "宋体"

Add the name of the English font family at the end. Font families are generally divided into two categories: sans-serif and serif
font-family: Georgia, SimSun, "宋体", serif;
font-family: Arial, "Microsoft YaHei", "Microsoft YaHei",sans-serif;

Compatible with different operating systems:
Font-family: Helvetica, Tahoma, Arial, STXihei, "中文字幕黑", "Microsoft YaHei", "Microsoft "Yahei", sans-serif
For English characters, first search for Helvetica (Mac), then search for Tahoma (Win), if not found, use Arial (Mac&Win); if the above three are missing, use the current default sans-serif font (operating system or browser specified);
For Chinese fonts, we already know the rules. Chinese Xihei (Mac) and Microsoft Yahei (Win) are the default Chinese fonts for these two platforms.
Backward compatibility:
A large number of users are using Windows XP, and Song Dynasty is their main Chinese font. In order to take care of these users, you can add a fallback for Microsoft Yahei:
Among the Chinese font user groups, a large part of people who own Mac have also installed Chinese fonts commonly used under Win (this is thanks to Office for Mac); but very few Win users install Chinese fonts under Mac.
Therefore, declaring Mac fonts at the front will have little impact on Win users (because they don’t have them at all!), but it is used for The fallback Helvetica may replace the position of Microsoft YaHei, so the correct arrangement is:
font-family: Helvetica, Tahoma, Arial, STXihei, "华文丝黑", "Microsoft YaHei", "Microsoft YaHei", SimSun, "宋体", Heiti, "黑体", sans-serif

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn