Web font knowledge_html/css_WEB-ITnose
Jun 24, 2016 am 11:53 AM
Start blogging again. Accumulate little by little, without interruption.
Read teacher Ruan Yifeng’s Chinese web font development guide and make some notes.
Full original text http://www.ruanyifeng.com/blog/2014/07/chinese_fonts.html
1: font-family rules
font-family: Georgia, "Times New Roman", "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", serif;
(1) Give priority to the fonts ranked first.
(2) If the font cannot be found, or the font does not include the text to be rendered , the next font is used.
(3) If none of the listed fonts meet your needs, let the operating system decide which font to use.
According to these rules, font-family should specify English fonts first, and then specify Chinese fonts. Otherwise, the English letters contained in the Chinese font will replace the English font, which is often ugly.
To ensure compatibility, both the Chinese name and the English name of the Chinese font should be written in font-family.
In addition, the Chinese name of the Chinese font, as well as the English name consisting of multiple words, should be placed within double quotes. (All enclosed in double quotes)

Hot Article

Hot tools Tags

Hot Article

Hot Article Tags

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

Difficulty in updating caching of official account web pages: How to avoid the old cache affecting the user experience after version update?

How do I use HTML5 form validation attributes to validate user input?

What is the purpose of the <iframe> tag? What are the security considerations when using it?

How to efficiently add stroke effects to PNG images on web pages?

What is the purpose of the <meter> element?

What are the best practices for cross-browser compatibility in HTML5?

What is the purpose of the <datalist> element?

What is the purpose of the <progress> element?
