CSS中文乱码解决方法

原文链接：http://caibaojian.com/css-unicode.html

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

解决方法

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

转化方法

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

常用Unicode代码

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

//code from http://caibaojian.com/css-unicode.html
微软雅黑 \5FAE\8F6F\96C5\9ED1宋体 \5B8B\4F53黑体 \9ED1\4F53仿宋 \4EFF\5B8B
微软正黑体 \5FAE\x8F6F\6B63\9ED1\4F53(空格) \0020
… \2026

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

来源：前端开发博客

转载于:https://www.cnblogs.com/wpbars/p/6568895.html

CSS中文乱码解决方法相关推荐

vs code中文乱码解决方法
修改 1.(安装方法) 2.显示终端输入数据输出结果(完美解决) 3.修改部分:中文乱码解决方法第一步: 第二步: 1.(安装方法) 转载于: https:blog.csdn.net/qq_4304 ...
Ubuntu10.04下gFtp2.0.19 远程客户端中文乱码解决方法
Ubuntu10.04下gFtp2.0.19 远程客户端中文乱码解决方法如下: 1.打开"gFTP-FTP-属性-常规-远程字符集": 2.将远程字符集设置为:gb2312,gbk ...
python cmd 窗口中文乱码解决方法（附：打印不同颜色）
python cmd 窗口中文乱码解决方法 (附:打印不同颜色) 参考文章: (1)python cmd 窗口中文乱码解决方法 (附:打印不同颜色) (2)https://www.cnblog ...
Sublime Text 3中文乱码解决方法以及安装包管理器方法
Sublime Text 3中文乱码解决方法以及安装包管理器方法参考文章: (1)Sublime Text 3中文乱码解决方法以及安装包管理器方法 (2)https://www.cnblogs.co ...
axios请求GBK页面中文乱码解决方法
axios请求GBK页面中文乱码解决方法参考文章: (1)axios请求GBK页面中文乱码解决方法 (2)https://www.cnblogs.com/bjhl/articles/10514038 ...
charles抓包工具的中文乱码解决方法
charles抓包工具的中文乱码解决方法参考文章: (1)charles抓包工具的中文乱码解决方法 (2)https://www.cnblogs.com/grimm/p/7494688.html 备 ...
jquery的ajax()函数传值中文乱码解决方法介绍
jquery的ajax()函数传值中文乱码解决方法介绍参考文章: (1)jquery的ajax()函数传值中文乱码解决方法介绍 (2)https://www.cnblogs.com/xuxiaosh ...
python打包出现乱码_python解压zip包中文乱码解决方法
乱码得原因: 由于ZipFile模块导出遇到中文解码不对,windows上会出现,linux是否会出现不知道没测试过. 解决方式: 1. 搞个文件名引射表(不太方便,少量文件夹套用时候还可以) 2. ...
火狐浏览器中文乱码怎么办 Firefox中文乱码解决方法
核心提示:最近好多网友反映在使用火狐浏览器的时候,网页显示乱码的情况,这种问题通常是由于我们浏览器语言的设置有关系,下面小编就为大家分析下具体的解决办法,希望对大家有所帮助. 火狐浏览器中文乱码怎么办 ...

CSS中文乱码解决方法

解决方法

转化方法

常用Unicode代码

CSS中文乱码解决方法相关推荐

最新文章

热门文章