CSS 中文乱码解决方法

来源 |http://caibaojian.com/css-unicode.html

我的CSS里面有一个content用到了中文,作用主要是在前端日报文章中显示出“网页链接”这四个字,然而打开百度快照看文章的时候却发现有乱码的情况。今天来说说怎么解决CSS中文乱码。

01、解决方法

总结就是不要使用中文字体在需要显示在页面的样式中,而要用 Unicode 编码后的代码。比如“网页链接”这个转为Unicode代码为:\7F51\9875\94FE\63A5。

02、转化方法

你可以直接在chrome console中输入:escape('网页链接'),出来的是"%u7F51%u9875%u94FE%u63A5",将其改写为"\7F51\9875\94FE\63A5",也即是将%u替换为\,就可以放到CSS中了。

03、常用Unicode代码

常见的CSS字体名称,建议也转为Unicode格式输入,下面分享一个常见字体Unicode代码。

以后使用时注意留意一下就好了。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180606B1RUY900?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券