一般设置字体，个人都喜欢用中文，比如：font-family:"微软雅黑"；但是偶尔会出现设置以后字体显示乱码的问题

　解决方法【1】：

　　　 看看你的CSS文件的第一行有没有：@charset "utf-8";如果有，再另存为一次，保存的文件编码要和上面声明的一致

　　　如果没有，就把乱码改为正确的字，保存再打开，看看还有没有乱码。

　　　如果是在项目里面的CSS文件出现类似的问题，查看一下CSS文件设置的字体是否是utf-8，如下图

　　

　　解决方法【2】：

　　　　设置想要字体的英文字体写法（个人觉得第二种解决方法更稳妥），下面为常用几个字体的英文写法

　　　　黑体：SimHei 
　　　　宋体：SimSun 
　　　　新宋体：NSimSun 
　　　　仿宋：FangSong 
　　　　楷体：KaiTi 
　　　　仿宋_GB2312：FangSong_GB2312 
　　　　楷体_GB2312：KaiTi_GB2312

　　　　微软雅黑体：Microsoft YaHei

 

css font-family属性设置中文字体乱码的更多相关文章

  1. css样式中如何设置中文字体？

    代码如下: .selector{ font-family: SimHei,"微软雅黑",sans-serif; }  注意:加上中文名“微软雅黑”是为了兼容opera浏览器,中文字 ...

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

    css中文字体乱码解决方案:把css编码和html页面编码统一起来.如果html页面是utf-8.css.js也统一成utf-8编码.还有一个避免中文乱码的办法就是把中文字体写成英文来表示 css中文 ...

  3. 【转载】CSS font关键字属性值的简单研究

    文章转载自 张鑫旭-鑫空间-鑫生活 http://www.zhangxinxu.com/wordpress/ 原文链接:http://www.zhangxinxu.com/wordpress/?p=5 ...

  4. 解决pycharm左侧项目文件名中文字体乱码情况？中文显示口口口口.

    解决pycharm左侧项目文件名中文字体乱码情况?中文显示口口口口. 点击file,进入settings 出现 Appearance & Behavior 点击Appearance UI Op ...

  5. css设置中文字体(font-family:"黑体")后样式失效问题

    做项目时偶遇的一诡异问题,同样的代码,在ff和IE7以上页面显示正常,但IE6无论怎么改都不起作用,本来以为是IE6的某些浮动bug所致,结果弄了很长时间也不行,后来不经意间把原来设定的font-fa ...

  6. css 文本外观属性(text) 和 字体样式属性(font)

    css文本 text外观属性 color: 颜色值(red,blue)十六进制 ,rgb letter-spacing: 字间距 px,em word-spacing: 单词间距 对中文无效 line ...

  7. mac系统下为emacs设置中文字体,解决乱码问题

    近期换了个系统,如今用mac系统. 当打开emacs后,中文支持的不是非常好.有的地方能显示.在.el文件的凝视里显示为口口口口口口口口这种框.例如以下图所看到的 找了半天.是由于中文字体的问题.仅仅 ...

  8. CSS font 复合属性的顺序

    CSS 参考手册 实例 在一个声明中设置所有字体属性: p.ex1 { font:italic arial,sans-serif; } p.ex2 { font:italic bold 12px/20 ...

  9. JSPDF支持中文（思源黑体）采坑之旅，JSPDF中文字体乱码解决方案

    我拍个砖,通常标称自己文章完美解决何种问题的,往往就是解决不了任何问题! 众所周知,JSPDF是一个开源的,易用的,但是对中文支持非常差的PDF库. 下面,我教大家,如何在pdf中使用思源黑体.思源黑 ...

随机推荐

  1. 2017-11-04 Sa OCT codecombat

    def hasEnemy(): e = hero.findNearestEnemy() if e: return True else: return False def enemyTooClose() ...

  2. docker安装portainer

    安装好docker之后,可以使用portainer对容器进到管理 docker安装portainer命令 #这一步可以省略,直接运行可以下一条docker pull portainer #因为dock ...

  3. android之RefBase

    路径 system core libutils include utils RefBase.h namespace android 命名空间是android class TextOutput;// 这 ...

  4. C++ queue

    queuequeue 模板类的定义在<queue>头文件中.与stack 模板类很相似,queue 模板类也需要两个模板参数,一个是元素类型,一个容器类型,元素类型是必要的,容器类型是可选 ...

  5. 外网访问Vmware虚拟机中的某个服务（如http）

    如果主机是windowx NAT中隐藏的端口映射,说明一下环境,利用当然是VMnet8网络连接,在虚拟机中架设linux WEB服务器利用WEB默认80端口,IP为192.168.11.10,真实主机 ...

  6. CF 317 A. Lengthening Sticks（容斥+组合数学）

    传送门:点我 A. Lengthening Sticks  time limit per test        1 second You are given three sticks with po ...

  7. 用java开发图形界面项目，如何实现从本地选择图片文件并以二进制流的形式保存到MySQL数据库，并重新现实到面板

  8. vue项目强制清除页面缓存

    异常描述: 支付宝中内嵌h5项目(vue框架开发),前端重新打包上传之后访问页面会导致页面空白.页面tab点击异常之类异常情况,需要手动清除支付宝缓存才可以正常访问. 解决方案: 在HTTP协议中,只 ...

  9. input中用中文输入法下的全角·替换英文输入法下的句号.

    核心语句 <input type="text" onkeyup="this.value=this.value.replace(/\./g, '·')" o ...

  10. xmlhttprequest 1.0和2.0的区别，from qq前端哥

    阮一峰好文:http://www.ruanyifeng.com/blog/2012/09/xmlhttprequest_level_2.html