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

代码如下:

.selector{

　　　　　font-family: SimHei,"微软雅黑",sans-serif;

}

注意：加上中文名“微软雅黑”是为了兼容opera浏览器，中文字体名必须加上引号（单引号双引号都可以）。

MicrosoftJhengHei为微软正黑体，STHeiti为华文黑体，MingLiu记得11px下的中文有着不凡的效果。

在css中推荐使用中文字体的英文表示法，以下附常见中文字体的英文名：

华文细黑：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 
宋体：SimSun 
新宋体：NSimSun 
仿宋：FangSong 
楷体：KaiTi 
仿宋_GB2312：FangSong_GB2312 
楷体_GB2312：KaiTi_GB2312 
微軟正黑體：Microsoft JhengHei 
微软雅黑体：Microsoft YaHei

隶书：LiSu 
幼圆：YouYuan 
华文细黑：STXihei 
华文楷体：STKaiti 
华文宋体：STSong 
华文中宋：STZhongsong 
华文仿宋：STFangsong 
方正舒体：FZShuTi 
方正姚体：FZYaoti 
华文彩云：STCaiyun 
华文琥珀：STHupo 
华文隶书：STLiti 
华文行楷：STXingkai 
华文新魏：STXinwei

注： font-family 定义的最后要加一句sans-serif ，添加默认字体，当设置字体无法使用时，会转换成默认字体，否则会出现警告。

      如果字体的名称是一个单词的，不需要加引号，否则在ie6，7里面会失效，并且后面的样式也会不生效！

时间： 2024-10-25 18:38:42

css样式中如何设置中文字体？的相关文章

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

做项目时偶遇的一诡异问题,同样的代码,在ff和IE7以上页面显示正常,但IE6无论怎么改都不起作用,本来以为是IE6的某些浮动bug所致,结果弄了很长时间也不行,后来不经意间把原来设定的font-family: "黑体"属性去掉了,一切恢复正常...到网上搜了下,还真有不少人遇到同样的问题,下面摘录一段: css文件里font-family: "黑体";这句会导致后面的css定义全部不起作用了.只要把font-family: "黑体";改成fon

关于bootstrap中css样式与自己设置的css样式相撞问题

1.在对网页进行布局前就先将bootstrap包中的东西导入到自己的页面中去.自己定义的css样式导入在bootstrap之后,可以起到当类名与bootstrap重复时对bootstrap样式践行覆盖的作用. 2.尽量避免所取类名与bootstrap相撞 3.当页面显示效果与自己所想不符时,利用审查元素找到该元素对应的样式,有可能是因为bootstrap中定义的样式起了作用. 4.如若上一步成立,可在自己的css样式中对其进行覆盖. 原文地址:https://www.cnblogs.com/cc

在网页中使用特殊中文字体成为可能

转载 http://www.cnblogs.com/Kummy/p/4442142.html ??以前还不知道这种办法的时候,如果要在网页中显示特殊中文字体的话,需要导入整个全部的.ttf字体文件,而文件高达好几兆,根本是不可取的,偶然间看到以上链接的文章,新的思路新的方法,将网页中需要用特殊字体的中文文字,进行打包压缩. 1.安装font-spider npm install font-spider -g 2.在css中使用webfont @font-face{ font-family: 'p

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

最近换了个系统,现在用mac系统. 当打开emacs后,中文支持的不是很好.有的地方能显示,在.el文件的注释里显示为口口口口口口口口这样的框,如下图所示 找了半天,是因为中文字体的问题,只要设置好中文字体就行了. 以前在Linux下中文就支持的很好,不用配制中文字体就能显示. 配制代码如下(将其放到.emacs文件或init.el里就OK): ;; -------------------------------------------------------------------------

css font-family属性设置中文字体乱码

一般设置字体,个人都喜欢用中文,比如:font-family:"微软雅黑":但是偶尔会出现设置以后字体显示乱码的问题 解决方法[1]: 看看你的CSS文件的第一行有没有:@charset "utf-8";如果有,再另存为一次,保存的文件编码要和上面声明的一致 如果没有,就把乱码改为正确的字,保存再打开,看看还有没有乱码. 如果是在项目里面的CSS文件出现类似的问题,查看一下CSS文件设置的字体是否是utf-8,如下图 解决方法[2]: 设置想要字体的英文字体写法(个

css中font-family的中文字体

说到css中的font-family,相信很多朋友经常用,但不知道当你遇到引用中文字体的时候你会怎么写?最近特别关注了下,发现最常用的基本有三种类型: 1.直接中文: 2.英文形式: 3.unicode码: 前面两种形式很好理解,unicode码是什么意思呢?下面看基本定义: Unicode(统一码.万国码.单一码)是一种在计算机上使用的字符编码.它为每种语言中的每个字符设定了统一并且唯一的二进制编码,以满足跨语言.跨平台进行文本转换.处理的要求. 更多内容请查看百度百科对Unicode的介绍.

CSS样式中字体和大小

1.css中引入外部字体文件: @font-face 被列为了 CSS3 的一项新特性,其实它并不是什么新鲜技术,它最早出现在 CSS2 的规范定义中,但是在 CSS2.1 中又被删除,现在被正式列入 CSS3.目前主流的浏览器(IE 4+/Firefox 3.5+/Chrome 1+/Safari 3.1+/Opera 10+)都能够支持这个属性,所以不用担心会有浏览器兼容性问题. @font-face 允许您在网页中使用电脑中没有安装的字体,完全摆脱安全字体的限制.只需将字体包安装在服务器上

css样式中常见的属性

一 CSS文字属性: color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:bold; /*文字粗体*/ v

CSS,font-family,好看常用的中文字体（转载若侵可删）

例1(小米米官网):font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; 例2(淘宝技术研发中心):font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif; 例3(加网 ):font: 14px/1.5 'Microsoft YaHei',arial,tahoma,\5b8b\4f53,sans-serif;