Home > Article > Backend Development > When Mac and Windows access the webpage, the entire webpage displays Microsoft Yahei font. How to write this css file?
When Mac and Windows access the webpage, the entire webpage displays Microsoft Yahei font. How to write this css file?
So this is what I wrote:
<code>body { font-family: "Microsoft YaHei"; }</code>
But when accessed with a Mac, the webpage does not display the Microsoft Yahei font. It may be that the Mac does not have the Microsoft Yahei font built-in.
If I want Mac users to be able to display Microsoft Yahei fonts when they visit the web page.
How to write this css file.
I have an idea but don’t know how to write it. If Windows accesses, use the above code directly; mac users access a link to a Microsoft Yahei font file. Please help me write it! ! Grateful! !
When accessing the webpage on Mac and Windows, the entire webpage displays Microsoft Yahei font. How to write this css file?
So this is what I wrote:
<code>body { font-family: "Microsoft YaHei"; }</code>
But when accessed with a Mac, the webpage does not display the Microsoft Yahei font. It may be that the Mac does not have the Microsoft Yahei font built-in.
If I want Mac users to be able to display Microsoft Yahei fonts when they visit the web page.
How to write this css file.
I have an idea but don’t know how to write it. If Windows accesses, use the above code directly; mac users access a link to a Microsoft Yahei font file. Please help me write it! ! Grateful! !
1. Use CSS remote fonts, you can use fonts on the server, or you can use network fonts provided by cdn.
2. Most of the text uses similar fonts on Apple, and specially requested parts are replaced with pictures.
Note 1: Taobao uses remote fonts to ensure that the fonts on its background editor are available across platforms. If the subject chooses this method, it is best to use the CDN method, which will load faster.
Note 2: Yahei's performance on Apple is not good. Ordinary text, especially long paragraphs of content, is really not as good as Apple's own sans-serif fonts such as Lihei and Pinghei. Anyway, large paragraphs of text are mainly read. Line spacing. Secondly, for the parts that require typesetting, no matter what font you use, it will not achieve a beautiful effect when rendered by the browser, especially the small font size and bold fonts of Yahei are weird.
Use @font-face
to call web fonts
https://www.qianduan.net/css3...
If you are a Chinese website, it is best not to create a font library. No matter how big a Chinese font library is, you have to load a Chinese font library to open a web page. This is masochistic behavior. If it is an English website, you can consider loading your own font library @font-face ,
Apple’s fonts are pretty good. You can choose a default font (what you like) from Apple, and use Yahei under win. Then the fonts can be written side by side. The best font is the one that is most suitable for the system. Forced to use Microsoft Yahei on Mac, it doesn’t look good
In addition, fonts under Microsoft are copyrighted, and it is not easy to introduce online fonts into the web. If you use Microsoft Yahei under a non-WIN system, there may be copyright issues. Don’t think this is impossible. I have encountered it because in the picture I was warned by Microsoft for using Microsoft Yahei
Correct answer on Floor 3: Never use @font-face to call non-public fonts.
The general awareness of copyright in China is poor, but websites do not distinguish between regions, and if you are caught, the gain outweighs the loss.
Many font libraries can be found online. It’s okay to use them yourself. However, copyright issues must be considered for commercial use, so it is a better solution to try to use open source fonts on CDN.