What to do if css is not recognized by Microsoft Yahei-CSS Tutorial-php.cn

Home

Web Front-end

CSS Tutorial

What to do if css is not recognized by Microsoft Yahei

藏色散人

Dec 15, 2020 am 09:39 AM

css

css微软雅黑不识别的解决办法是采用字体的别名，其语句如“font-family:"SimHei" (font-family:"\9ed1\4f53" )”。

What to do if css is not recognized by Microsoft Yahei

本教程操作环境：windows7系统、HTML5&&CSS3版，Dell G3电脑。

推荐：《css视频教程》

css设置font-family: "微软雅黑"不识别怎么解决？

建议使用font-family: "Microsoft YaHei";。支持UTF-8和GB2312字符集。

原因：中文字体容易引起乱码

乱码实例：

正常代码：

font-family:"黑体"

引起的乱码：

font-family:"榛戜綋"

上例为乱码使得字体名称变成乱码，导致指定字体失效。这个问题的后果似乎不是很严重，但实际情况中，确实存在一种乱码把后面的引号“变异”的情况，使得后面的CSS都在字体的引号中，从而后面的CSS全部失效。

防范措施：采用字体的别名（所以浏览器都可识别）

示例：

正常代码：

font-family:"SimHei" （font-family:"\9ed1\4f53" ）

浏览器解析：

font-family:"SimHei"
（font-family:"黑体"，IE6仍为font-family:"\9ed1\4f53" 但字体解析显示为黑体）

使用别名，绕开了使用中文，从而避免乱码。

The above is the detailed content of What to do if css is not recognized by Microsoft Yahei. For more information, please follow other related articles on the PHP Chinese website!

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

CSS Flexbox vs Grid: a comprehensive reviewMay 12, 2025 am 12:01 AM

Choosing Flexbox or Grid depends on the layout requirements: 1) Flexbox is suitable for one-dimensional layouts, such as navigation bar; 2) Grid is suitable for two-dimensional layouts, such as magazine layouts. The two can be used in the project to improve the layout effect.

How to Include CSS Files: Methods and Best PracticesMay 11, 2025 am 12:02 AM

The best way to include CSS files is to use tags to introduce external CSS files in the HTML part. 1. Use tags to introduce external CSS files, such as. 2. For small adjustments, inline CSS can be used, but should be used with caution. 3. Large projects can use CSS preprocessors such as Sass or Less to import other CSS files through @import. 4. For performance, CSS files should be merged and CDN should be used, and compressed using tools such as CSSNano.

Flexbox vs Grid: should I learn them both?May 10, 2025 am 12:01 AM

Yes,youshouldlearnbothFlexboxandGrid.1)Flexboxisidealforone-dimensional,flexiblelayoutslikenavigationmenus.2)Gridexcelsintwo-dimensional,complexdesignssuchasmagazinelayouts.3)Combiningbothenhanceslayoutflexibilityandresponsiveness,allowingforstructur

Orbital Mechanics (or How I Optimized a CSS Keyframes Animation)May 09, 2025 am 09:57 AM

What does it look like to refactor your own code? John Rhea picks apart an old CSS animation he wrote and walks through the thought process of optimizing it.

CSS Animations: Is it hard to create them?May 09, 2025 am 12:03 AM

CSSanimationsarenotinherentlyhardbutrequirepracticeandunderstandingofCSSpropertiesandtimingfunctions.1)Startwithsimpleanimationslikescalingabuttononhoverusingkeyframes.2)Useeasingfunctionslikecubic-bezierfornaturaleffects,suchasabounceanimation.3)For

@keyframes CSS: The most used tricksMay 08, 2025 am 12:13 AM

@keyframesispopularduetoitsversatilityandpowerincreatingsmoothCSSanimations.Keytricksinclude:1)Definingsmoothtransitionsbetweenstates,2)Animatingmultiplepropertiessimultaneously,3)Usingvendorprefixesforbrowsercompatibility,4)CombiningwithJavaScriptfo

CSS Counters: A Comprehensive Guide to Automatic NumberingMay 07, 2025 pm 03:45 PM

CSSCountersareusedtomanageautomaticnumberinginwebdesigns.1)Theycanbeusedfortablesofcontents,listitems,andcustomnumbering.2)Advancedusesincludenestednumberingsystems.3)Challengesincludebrowsercompatibilityandperformanceissues.4)Creativeusesinvolvecust

Modern Scroll Shadows Using Scroll-Driven AnimationsMay 07, 2025 am 10:34 AM

Using scroll shadows, especially for mobile devices, is a subtle bit of UX that Chris has covered before. Geoff covered a newer approach that uses the animation-timeline property. Here’s yet another way.

See all articles