CSS中文乱码解决方法
2024-08-23 07:01:40
原文链接：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
以后使用时注意留意一下就好了。
来源：前端开发博客
最新文章
- 通用EF框架
- 如何在CentOS 7中禁止IPv6
- 网站推广优化(SEO，网站关键字优化，怎么优化网站，如何优化网站关键字)
- #ifdef #ifndef使用
- os.popen(command)
- ASP.NET MVC5---通过QueryString传值
- Virtualbox下Ubuntu与主机Win7共享文件夹
- bootstrap多层模态窗
- IE的表头固定/表头不动（使用expression）
- SWTBOK測试实践系列（4） -- 软件測试技术的黑白之道
- 20180726 - Windows 10 Pro 下远程桌面连接提示“出现身份验证错误”
- Kali Linux Netcat 学习 与 网络攻击
- Edge 浏览器 调用
- Object 转 json 工具类
- Codeforces Round #374 (Div. 2) C（DAG上的DP)
- SpringMVC学习笔记五：使用converter进行参数数据转换
- HTML5学习笔记（二）：HTML基础学习之一
- 学习笔记之JSON
- ubuntu 如何进行文件、夹删除等操作
- Qt 学习之路 2（49）：自定义只读模型