css中文字体乱码解决方案

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

css中文字体乱码解决方案

把css编码和html页面编码统一起来。如果html页面是utf-8、css、js也统一成utf-8编码。如果html页面是gb2312、css、js也统一成gb2312编码。UTF-8和GB2312互转的最简单快捷的方法

还有一个避免中文乱码的办法就是把中文字体写成英文来表示,例如:font-family:"宋体";font-family:"微软雅黑"; 对应:  font-family:"simsun";font-family:"Microsoft YaHei";

更多字体中英文对照如下表(注:网页中最好使用宋体、黑体、微软雅黑、和一些通用的英文字体,其他不安全的中文字体不要使用。):

中文名 英文名 Unicode Unicode 2
Mac OS
华文细黑 STHeiti Light [STXihei] \534E\6587\7EC6\9ED1 华文细黑
华文黑体 STHeiti \534E\6587\9ED1\4F53 华文黑体
华文楷体 STKaiti \534E\6587\6977\4F53 华文楷体
华文宋体 STSong \534E\6587\5B8B\4F53 华文宋体
华文仿宋 STFangsong \534E\6587\4EFF\5B8B 华文仿宋
丽黑 Pro LiHei Pro Medium \4E3D\9ED1 Pro 丽黑 Pro
丽宋 Pro LiSong Pro Light \4E3D\5B8B Pro 丽宋 Pro
标楷体 BiauKai \6807\6977\4F53 标楷体
苹果丽中黑 Apple LiGothic Medium \82F9\679C\4E3D\4E2D\9ED1 苹果丽中黑
苹果丽细宋 Apple LiSung Light \82F9\679C\4E3D\7EC6\5B8B 苹果丽细宋
Windows
新细明体 PMingLiU \65B0\7EC6\660E\4F53 新细明体
细明体 MingLiU \7EC6\660E\4F53 细明体
标楷体 DFKai-SB \6807\6977\4F53 标楷体
黑体 SimHei \9ED1\4F53 黑体
宋体 SimSun \5B8B\4F53 宋体
新宋体 NSimSun \65B0\5B8B\4F53 新宋体
仿宋 FangSong \4EFF\5B8B 仿宋
楷体 KaiTi \6977\4F53 楷体
仿宋_GB2312 FangSong_GB2312 \4EFF\5B8B_GB2312 仿宋_GB2312
楷体_GB2312 KaiTi_GB2312 \6977\4F53_GB2312 楷体_GB2312
微软正黑体 Microsoft JhengHei \5FAE\x8F6F\6B63\9ED1\4F53 微软正黑体
微软雅黑 Microsoft YaHei \5FAE\8F6F\96C5\9ED1 微软雅黑
Office
隶书 LiSu \96B6\4E66 隶书
幼圆 YouYuan \5E7C\5706 幼圆
华文细黑 STXihei \534E\6587\7EC6\9ED1 华文细黑
华文楷体 STKaiti \534E\6587\6977\4F53 华文楷体
华文宋体 STSong \534E\6587\5B8B\4F53 华文宋体
华文中宋 STZhongsong \534E\6587\4E2D\5B8B 华文中宋
华文仿宋 STFangsong \534E\6587\4EFF\5B8B 华文仿宋
方正舒体 FZShuTi \65B9\6B63\8212\4F53 方正舒体
方正姚体 FZYaoti \65B9\6B63\59DA\4F53 方正姚体
华文彩云 STCaiyun \534E\6587\5F69\4E91 华文彩云
华文琥珀 STHupo \534E\6587\7425\73C0 华文琥珀
华文隶书 STLiti \534E\6587\96B6\4E66 华文隶书
华文行楷 STXingkai \534E\6587\884C\6977 华文行楷
华文新魏 STXinwei \534E\6587\65B0\9B4F 华文新魏

本文链接:css中文字体乱码解决方案http://www.51xuediannao.com/html+css/htmlcssjq/700.html

时间: 2024-10-12 16:13:16

css中文字体乱码解决方案的相关文章

CSS 中文字体的英文名称 (simhei, simsun) 宋体 微软雅黑

华文细黑:STHeiti Light [STXihei]华文黑体:STHeiti华文楷体:STKaiti华文宋体:STSong华文仿宋:STFangsong俪黑 Pro:LiHei Pro Medium俪宋 Pro:LiSong Pro Light标楷体:BiauKai苹果俪中黑:Apple LiGothic Medium苹果俪细宋:Apple LiSung Light Windows的一些: 新细明体:PMingLiU细明体:MingLiU标楷体:DFKai-SB黑体:SimHei宋体:Sim

css中文字体与英文写法对应列表

css中文字体与英文写法对应列表:在写css代码的时候,如果需要中文字体,当然可以直接写中文字体的名称,但是在IE6下可能会出现问题,所以最好要用英文名称,下面就是主要中文字体对应的英文名称列表.中文字体对应的英文写法: 华文细黑:STHeiti Light [STXihei] 华文黑体:STHeiti 华文楷体:STKaiti 华文宋体:STSong 华文仿宋:STFangsong 俪黑 Pro:LiHei Pro Medium 俪宋 Pro:LiSong Pro Light 标楷体:Biau

解决IE9支持CSS中文字体经验篇

如何让CSS中使用中文字体后仍然在IE9浏览器显示兼容.(音乐放松椅) 一.CSS中文字体IE9兼容出现问题CSS中使用中文字体后Line-height样式在IE9浏览器垂直上下居中样式失效. 二.解决IE9兼容中文字体将CSS中使用中文字体的中文字转化为Unicode编码然后替代.最终设置字体效果将不受转换编码而影响同时也兼容了Line-height垂直居中样式,同时IE9即可兼容CSS中使用常用中文字体.(音乐放松椅) 常见字体转换:黑体:\9ED1\4F53宋体:\5B8B\4F53微软雅

CSS中文字体设置

字体的选择,是网页开发的关键因素之一. 合适的字体,对网页的美观度(或可读性)有着举足轻重的影响. 但是,相比英文字体,中文字体的网页开发有着极大的局限性.因为,一套中文字体最少也要有几千个字符,体积为几个MB:单单为了浏览网页,开发者不可能让用户去下载字体,只能依靠操作系统的预装字体.(*注:确实有网站提供中文字体的web服务,从技术角度,我不推荐这样做.) 不同的操作系统.不同的版本预装不同的字体(因为版权),几乎没有交集.因此,大多数开发者索性忽略中文字体,让操作系统自行渲染,或者用图片呈

常用 CSS 中文字体 Unicode 编码表

为什么要在CSS中设置字体用字体 Unicode 编码 在 CSS 中设置字体名称,直接写中文是可以的.但是在文件编码(GB2312.UTF-8 等)不匹配时会产生乱码的错误. 为此,在 CSS直接使用 Unicode 编码来写字体名称可以避免这些错误.使用 Unicode 写中文字体名称,浏览器是可以正确的解析的. 例如:font-family:"\5FAE\8F6F\96C5\9ED1",表示设置字体为“微软雅黑”. Unicode 编码中文字体转换对照表 中文名 英文名 Unic

dompdf中文字体乱码解决办法(特别是代码迁移引起的乱码)

dompdf\lib\fonts\dompdf_font_family_cache.php记住这个文件里面存放的是字体生成的缓存,迁移时如果覆盖了这个文件会导致乱码而且很难找到出错的地方,相信我.... dompdf是php把html导出pdf的工具,十分好用,除了个别css3的属性不支持,其他都非常不错,中文需要引用中文字体,具体办法官方有这里简单说下: 代码: $html = '<html><head> <meta http-equiv="Content-Typ

【Web前端】清除浮动&amp;amp;css中文字体

清理浮动有非常多种方式,像使用 br 标签自带的 clear 属,使用元素的 overflow.使用空标签来设置 clear:both 等等.但考虑到兼容问题和语义化的问题,一般我们都会使用例如以下代码来清理浮动. /* 清理浮动 */ .clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .clearfix { zoom:1; } 其原

CSS中文字体对照表

  Unicode简单的说一下制作网页时的为了兼顾到一些浏览器CSS样式文档中一般是不出 现中文字体的,尤其是{}中,因此通过参照下表将其对应转编,可以将中文名转成英文 名.unicode.unicode2注意unicode2是直接输出为文本的, 比如:微软雅黑,我们在CSS中的设置为: 1 font-family:”Microsoft Yahei”; 也可以是对应的unicode: 1 font-family:”\5FAE\8F6F\96C5\9ED1″; 但微软雅黑对应的unicode2即微

Web前端-清除浮动-css中文字体

清理浮动有很多种方式,像使用 br 标签自带的 clear 属,使用元素的 overflow,使用空标签来设置 clear:both 等等.但考虑到兼容问题和语义化的问题,一般我们都会使用如下代码来清理浮动. /* 清理浮动 */ .clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .clearfix { zoom:1; } 其原理是,