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
以后使用时注意留意一下就好了。
来源:前端开发博客
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步