search
HomeBackend DevelopmentPHP TutorialWhen 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! !

Reply content:

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.

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
PHP Performance Tuning for High Traffic WebsitesPHP Performance Tuning for High Traffic WebsitesMay 14, 2025 am 12:13 AM

ThesecrettokeepingaPHP-poweredwebsiterunningsmoothlyunderheavyloadinvolvesseveralkeystrategies:1)ImplementopcodecachingwithOPcachetoreducescriptexecutiontime,2)UsedatabasequerycachingwithRedistolessendatabaseload,3)LeverageCDNslikeCloudflareforservin

Dependency Injection in PHP: Code Examples for BeginnersDependency Injection in PHP: Code Examples for BeginnersMay 14, 2025 am 12:08 AM

You should care about DependencyInjection(DI) because it makes your code clearer and easier to maintain. 1) DI makes it more modular by decoupling classes, 2) improves the convenience of testing and code flexibility, 3) Use DI containers to manage complex dependencies, but pay attention to performance impact and circular dependencies, 4) The best practice is to rely on abstract interfaces to achieve loose coupling.

PHP Performance: is it possible to optimize the application?PHP Performance: is it possible to optimize the application?May 14, 2025 am 12:04 AM

Yes,optimizingaPHPapplicationispossibleandessential.1)ImplementcachingusingAPCutoreducedatabaseload.2)Optimizedatabaseswithindexing,efficientqueries,andconnectionpooling.3)Enhancecodewithbuilt-infunctions,avoidingglobalvariables,andusingopcodecaching

PHP Performance Optimization: The Ultimate GuidePHP Performance Optimization: The Ultimate GuideMay 14, 2025 am 12:02 AM

ThekeystrategiestosignificantlyboostPHPapplicationperformanceare:1)UseopcodecachinglikeOPcachetoreduceexecutiontime,2)Optimizedatabaseinteractionswithpreparedstatementsandproperindexing,3)ConfigurewebserverslikeNginxwithPHP-FPMforbetterperformance,4)

PHP Dependency Injection Container: A Quick StartPHP Dependency Injection Container: A Quick StartMay 13, 2025 am 12:11 AM

APHPDependencyInjectionContainerisatoolthatmanagesclassdependencies,enhancingcodemodularity,testability,andmaintainability.Itactsasacentralhubforcreatingandinjectingdependencies,thusreducingtightcouplingandeasingunittesting.

Dependency Injection vs. Service Locator in PHPDependency Injection vs. Service Locator in PHPMay 13, 2025 am 12:10 AM

Select DependencyInjection (DI) for large applications, ServiceLocator is suitable for small projects or prototypes. 1) DI improves the testability and modularity of the code through constructor injection. 2) ServiceLocator obtains services through center registration, which is convenient but may lead to an increase in code coupling.

PHP performance optimization strategies.PHP performance optimization strategies.May 13, 2025 am 12:06 AM

PHPapplicationscanbeoptimizedforspeedandefficiencyby:1)enablingopcacheinphp.ini,2)usingpreparedstatementswithPDOfordatabasequeries,3)replacingloopswitharray_filterandarray_mapfordataprocessing,4)configuringNginxasareverseproxy,5)implementingcachingwi

PHP Email Validation: Ensuring Emails Are Sent CorrectlyPHP Email Validation: Ensuring Emails Are Sent CorrectlyMay 13, 2025 am 12:06 AM

PHPemailvalidationinvolvesthreesteps:1)Formatvalidationusingregularexpressionstochecktheemailformat;2)DNSvalidationtoensurethedomainhasavalidMXrecord;3)SMTPvalidation,themostthoroughmethod,whichchecksifthemailboxexistsbyconnectingtotheSMTPserver.Impl

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Powerful PHP integrated development environment

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

DVWA

DVWA

Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software