避免css中文字体在浏览器中解析成乱码
许多童鞋在写CSS的时候,设置中文字体常常使用中文字符,例如font-family:”黑体”,这样我们在浏览器中看到的是什么样子的呢 ?
如果不想自己写的界面在浏览器字体声明上有异常,建议在书写css样式规则的时候避免中文字符,使用Unicode编码集,对中文字符进行转码。常见的中文字符集转码如下表:
如果你不知道某个中文字体的Unicode编码,可以使用通过JS如下方法进行转化:
function toUnicode (str) {return escape(str).toLocaleLowerCase().replace(/%u/gi, '\\');} console.log(toUnicode ('微软雅黑')); // '\5fae\8f6f\96c5\9ed1'
转载于:https://www.cnblogs.com/fengyuqing/p/css-fontfamily-chinese.html
避免css中文字体在浏览器中解析成乱码相关推荐
- html布局文字设置,div css布局中css中文字体设置
在HTML网页结构中,会用到中文字,而中文字有得多中笔墨体,有的开发者在自身电脑中下载并安装不少摩登字体.而这些中文字体CSS设置装备摆设提倡? 1.不克不及随意CSS设置装备摆设本人安装中笔墨体 假 ...
- css的中文名称是,CSS 中文字体的英文名称
宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 Ming ...
- Unicode – CSS中文字体转编码
为了避免产生乱码,对页面造成影响.CSS中文字体建议使用 Unicode 中文名 英文名 Unicode Unicode 2 Mac OS 华文细黑 STHeiti Light [STXihei] \ ...
- css中文字体乱码解决方案:
把css编码和html页面编码统一起来.如果html页面是utf-8.css.js也统一成utf-8编码.如果html页面是gb2312.css.js也统一成gb2312编码.UTF-8和GB2312 ...
- CSS中文字体 Unicode 编码表
一.简介 CSS(层叠样式表)是用于样式化Web页面的强大工具,它可以用来控制页面的外观和行为.在CSS中,可以使用多种字体来设置文本的外观和格式,包括中文字体.中文字体的实现需要引入相应的字体文件, ...
- 如何在win10自带的Edge浏览器中切换成IE浏览器浏览网站
如何在win10自带的Edge浏览器中切换成IE浏览器浏览网站 1.打开edge的设置界面 选择默认浏览器 1.Internet Explorer 兼容性 =>让 Internet Explor ...
- 页面可用性之浏览器默认字体与CSS中文字体
一.浏览器默认字体 众所周知,浏览器字体默认的设置为"宋体/simsun字体 16像素",例如Chrome浏览器下: 二.CSS中设置的字体 考虑到兼容性,我们总会在CSS中队字体 ...
- 常用CSS中文字体转Unicode对照表
为什么要把中文转换为Unicode Unicode比传统的字符编码更节省费用,使软件或者网站能够运用于不同的系统平台.语言和国家,而不需要重建,同时也保证了资料在不同系统中的完整性.所以说你只 要将中 ...
- css中文字体样式代码
{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu } ...
最新文章
- 2.18 Logistic 损失函数的解释-深度学习-Stanford吴恩达教授
- IdentityServer4-客户端的授权模式原理分析(三)
- 操作系统上机作业--使用系统调用实现mycp
- 前端开发者必备的20个文档和在线工具
- JS 面向对象实例 prototype
- SpringCloud学习笔记006---使用properties配置文件实现多环境配置
- 第四课、Hello QT------------------狄泰软件学院
- windows 编写的硬件驱动_黑科技or大势所趋?谈谈手机GPU驱动升级那点事
- Python开发语音聊天机器人
- Sonix SN9P701 OCR点读笔二维码识别源码
- ITOP4412----Uboot2020移植记录
- CnOpenData中国高新技术企业专利统计数据
- 线性调频信号MATLAB仿真
- C Primer Plus 第二章 复习题编程练习 答案
- nets_comment_class.py-网易单曲评论-music-163
- 关于Java中的WeakReference类的笔记(弱引用)
- Go语言基础数据类型所占内存大小
- 中电投-镇宁3号集合资产管理计划
- 端午节-怀念1996之QB45坦克对战游戏
- 即将开学,为校园网络安全助力
热门文章
- Makefile和automake中判断CPU位数
- sqlserver 2008 R2 删除重复数据
- android.view.WindowManager$BadTokenException: Unable to add window — token null
- android InputStream中read()与read(byte[] b)
- 【Angular】内核
- Data Augmentation
- 使用 udev 进行动态内核设备管理(转自suse文档)
- 微信小程序的z-index在苹果ios无效
- 为什么不能根据返回类型来区分重载
- 记一次vue+vuex+vue-router+axios+elementUI开发(二)