免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

字型設定

本帖最後由 rainbow 於 2018-1-29 14:09 編輯
字型设定


  在CSS的设定语法中,有关字体的设定是像下面这样的语法↓
font-family:"细明体","Times New Roman",Georgia,Serif;

  在font-family:后面的一串字体定义,是一串使用顺序,也就是说像上面的例子里:最先使用系统的"细明体"来显示页面文字字体,如果系统中找不到这样的字体(例如我们用英文版的作业系统没有装中文字体)",接下来就是找系统中的"Times New Roman"字体来显示,再找不到系统有支持"Times New Roman"字体的话,就用系统的Georgia字体来显示, 最最最糟糕的情形都找不到字体则用Serif字体显示!!

  在font-family这裡面有两大类的字体定义,一种是family-name 字型名称,另外一个是generic-family汎用字集。

  所谓的family-name就是像我们使用word或是power-point等文件编辑器中的字型名称:Arial, Comic Sans MS, Georgia, Time New Roman, 新细明体, 细明体, 标楷体, ...这一类的字型,数十多种。

  至於generic-family汎用字集,则是指serif(衬线字), sans-serif(无衬线字),cursive(捲曲字体),fantasy(花俏字体),monospace(等宽字体)这五种!!

  设定中文字体的特性时,最好就是将中文字体设定在最前面[最优先],然后再加上其他的字型定义,另外还有要注意的是,中文字型的定义有两种表示方式,一种是中文,一种是英文,标準一点或是说保险一点是要两种都设定。例如↓
family-name:"微软正黑体", "Microsoft JhengHei", "新细明体", "PMingLiU", "细明体", "MingLiU", "标楷体", "DFKai-sb", serif;

在上面的范例中↓
微软雅黑体 Microsoft YaHei
微软正黑体 Microsoft JhengHei
新细明体  PMingLiU
细明体   MingLiU
标楷体   DFKai-sb
宋体    SimSun


  为什么在CSS中,设置中文字体要用英文名称?为什么会发生这样的现象?

  其实这种现象很普遍,主要是因为制作者在编写CSS文件的时候将字体属性中的字体名称使用中文名称所致。如font-family:宋体,黑体; 使用中文并不是错误的,但是当出现编码转换的时候往往会出现乱码现象。比如编写CSS是在GB2312的编码模式下进行的,再把其代码拷贝到UTF-8编码模式下时就会出现图上的乱码状态。虽然出现了乱码,定义的字体仍能正常显示,但编写者肯定不会认识乱码中到底是什么字体。所以,为了避免这种现象的发生,最好在CSS中使用中文字体的英文名称。宋体就写成Simsun,黑体是Simhei,这样无论怎么转换编码状态都不会再出现乱码状态。


常用的中文字体英文名称如下:
Windows的一些:
新细明体:PMingLiU
细明体:MingLiU
标楷体:DFKai-SB
黑体:SimHei
宋体:SimSun
新宋体:NSimSun
仿宋:FangSong
楷体:KaiTi
仿宋_GB2312:FangSong_GB2312
楷体_GB2312:KaiTi_GB2312
微软正黑体:Microsoft JhengHei
微软雅黑体:Microsoft YaHei

Mac OS的一些:
华文细黑:STHeiti Light [STXihei]
华文黑体:STHeiti
华文楷体:STKaiti
华文宋体:STSong
华文仿宋:STFangsong
俪黑 Pro:LiHei Pro Medium
俪宋 Pro:LiSong Pro Light
标楷体:BiauKai
苹果俪中黑:Apple LiGothic Medium
苹果俪细宋:Apple LiSung Light

装Office会生出来的一些:
隶书:LiSu
幼圆:YouYuan
华文细黑:STXihei
华文楷体:STKaiti
华文宋体:STSong
华文中宋:STZhongsong
华文仿宋:STFangsong
方正舒体:FZShuTi
方正姚体:FZYaoti
华文彩云:STCaiyun
华文琥珀:STHupo
华文隶书:STLiti
华文行楷:STXingkai
华文新魏:STXinwei








返回列表