css微软雅黑被转义

在CSS中，字体的选择是非常重要的，选择一款合适的字体能够大大提升网页的视觉体验。在Windows系统中，自带的微软雅黑字体成为了广大设计师和开发者的首选，因为它相对于其他中文字体而言，粗细度合适、清晰度高而且非常美观。

然而，使用CSS的时候，万一在引用相关字体时出现了“微软雅黑”这类的字体名称，却发现列举元素出现了'/FAEF6FC5ED1B57/\"这样的奇怪代码，造成了极为不舒适的视觉体验，甚至影响网页整体的美观度。这是为什么呢？

body {
    font-family: "微软雅黑","Microsoft Yahei","宋体","Lucida Grande",Lucida,Verdana,sans-serif;
}

原因其实不难理解。在CSS样式表文件中，由于一些字体名称中存在特殊字符，如果直接在样式文件中书写，会产生冲突，导致浏览器无法正确读取这些字体名称。这时，CSS就会通过URL编码的方式将其转义，以'\'的形式进行显示，如上所示。

所以，解决这样的问题的方法也很简单，只需要在写出样式时，将使用微软雅黑字体的名称用双引号括起来，即可。当然，如果你想要使用其他中文字体的话，也需要注意是否存在类似的转义问题。