许多童鞋在写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中文字体在浏览器中解析成乱码相关推荐

  1. html布局文字设置,div css布局中css中文字体设置

    在HTML网页结构中,会用到中文字,而中文字有得多中笔墨体,有的开发者在自身电脑中下载并安装不少摩登字体.而这些中文字体CSS设置装备摆设提倡? 1.不克不及随意CSS设置装备摆设本人安装中笔墨体 假 ...

  2. css的中文名称是,CSS 中文字体的英文名称

    宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 Ming ...

  3. Unicode – CSS中文字体转编码

    为了避免产生乱码,对页面造成影响.CSS中文字体建议使用 Unicode 中文名 英文名 Unicode Unicode 2 Mac OS 华文细黑 STHeiti Light [STXihei] \ ...

  4. css中文字体乱码解决方案:

    把css编码和html页面编码统一起来.如果html页面是utf-8.css.js也统一成utf-8编码.如果html页面是gb2312.css.js也统一成gb2312编码.UTF-8和GB2312 ...

  5. CSS中文字体 Unicode 编码表

    一.简介 CSS(层叠样式表)是用于样式化Web页面的强大工具,它可以用来控制页面的外观和行为.在CSS中,可以使用多种字体来设置文本的外观和格式,包括中文字体.中文字体的实现需要引入相应的字体文件, ...

  6. 如何在win10自带的Edge浏览器中切换成IE浏览器浏览网站

    如何在win10自带的Edge浏览器中切换成IE浏览器浏览网站 1.打开edge的设置界面 选择默认浏览器 1.Internet Explorer 兼容性 =>让 Internet Explor ...

  7. 页面可用性之浏览器默认字体与CSS中文字体

    一.浏览器默认字体 众所周知,浏览器字体默认的设置为"宋体/simsun字体 16像素",例如Chrome浏览器下: 二.CSS中设置的字体 考虑到兼容性,我们总会在CSS中队字体 ...

  8. 常用CSS中文字体转Unicode对照表

    为什么要把中文转换为Unicode Unicode比传统的字符编码更节省费用,使软件或者网站能够运用于不同的系统平台.语言和国家,而不需要重建,同时也保证了资料在不同系统中的完整性.所以说你只 要将中 ...

  9. css中文字体样式代码

    { font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu } ...

最新文章

  1. 2.18 Logistic 损失函数的解释-深度学习-Stanford吴恩达教授
  2. IdentityServer4-客户端的授权模式原理分析(三)
  3. 操作系统上机作业--使用系统调用实现mycp
  4. 前端开发者必备的20个文档和在线工具
  5. JS 面向对象实例 prototype
  6. SpringCloud学习笔记006---使用properties配置文件实现多环境配置
  7. 第四课、Hello QT------------------狄泰软件学院
  8. windows 编写的硬件驱动_黑科技or大势所趋?谈谈手机GPU驱动升级那点事
  9. Python开发语音聊天机器人
  10. Sonix SN9P701 OCR点读笔二维码识别源码
  11. ITOP4412----Uboot2020移植记录
  12. CnOpenData中国高新技术企业专利统计数据
  13. 线性调频信号MATLAB仿真
  14. C Primer Plus 第二章 复习题编程练习 答案
  15. nets_comment_class.py-网易单曲评论-music-163
  16. 关于Java中的WeakReference类的笔记(弱引用)
  17. Go语言基础数据类型所占内存大小
  18. 中电投-镇宁3号集合资产管理计划
  19. 端午节-怀念1996之QB45坦克对战游戏
  20. 即将开学,为校园网络安全助力

热门文章

  1. Makefile和automake中判断CPU位数
  2. sqlserver 2008 R2 删除重复数据
  3. android.view.WindowManager$BadTokenException: Unable to add window — token null
  4. android InputStream中read()与read(byte[] b)
  5. 【Angular】内核
  6. Data Augmentation
  7. 使用 udev 进行动态内核设备管理(转自suse文档)
  8. 微信小程序的z-index在苹果ios无效
  9. 为什么不能根据返回类型来区分重载
  10. 记一次vue+vuex+vue-router+axios+elementUI开发(二)