zoukankan      html  css  js  c++  java
  • 字体系列及 css中的font设置

    CSS 定义了 5 种通用字体系列

    • Serif 字体
    • Sans-serif 字体
    • Monospace 字体
    • Cursive 字体
    • Fantasy 字体
    Serif 字体
    这些字体成比例,而且有上下短线。如果字体中的所有字符根据其不同大小有不同的宽度,则成该字符是成比例的。例如,小写 i 和小写 m 的宽度就不同。上下短线是每个字符笔划末端的装饰,比如小写 l 顶部和底部的短线,或大写 A 两条腿底部的短线。Serif 字体的例子包括 Times、Georgia 和 New Century Schoolbook。
    Sans-serif 字体
    这些字体是成比例的,而且没有上下短线。Sans-serif 字体的例子包括 Helvetica、Geneva、Verdana、Arial 或 Univers。
    Monospace 字体s
    Monospace 字体并不是成比例的。它们通常用于模拟打字机打出的文本、老式点阵打印机的输出,甚至更老式的视频显示终端。采用这些字体,每个字符的宽度都必须完全相 同,所以小写的 i 和小写的 m 有相同的宽度。这些字体可能有上下短线,也可能没有。如果一个字体的字符宽度完全相同,则归类为 Monospace 字体,而不论是否有上下短线。Monospace 字体的例子包括 Courier、Courier New 和 Andale Mono。
    Cursive 字体
    这些字体试图模仿人的手写体。通常,它们主要由曲线和 Serif 字体中没有的笔划装饰组成。例如,大写 A 再其左腿底部可能有一个小弯,或者完全由花体部分和小的弯曲部分组成。Cursive 字体的例子包括 Zapf Chancery、Author 和 Comic Sans。
    Fantasy 字体
    这些字体无法用任何特征来定义,只有一点是确定的,那就是我们无法很容易地将其规划到任何一种其他的字体系列当中。这样的字体包括 Western、Woodblock 和 Klingon。

    理论上讲,用户安装的任何字体系列都会落入到上述某种通用系列中,但实际上可能并非如此,不过例外情况(如果有的话)往往很少。s

    -----------以上引自W3School

    西方国家字母体系分为两类:serif以及sans serif。   

    serif是有衬线字体,意思是在字的笔画开始、结束的地方有额外的装饰,而且笔画的粗细会有所不同。相反的,sans serif就没有这些额外的装饰,而且笔画的粗细差不多。   

    serif字体容易识别,它强调了每个字母笔画的开始和结束,因此易读性比较高,sans serif则比较醒目。在走文阅读的情况下,适合适用serif字体进行排版,易于换行阅读的识别性,避免发生行间的阅读错误。   

    sans serif强调每一个字母,serif更强调于一个单词。   

    中文字体中的宋体就是一种最标准的serif字体,衬线的特征非常明显。字形结构也和手写的楷书一致。因此宋体一直被做为最适合的正文字体之一。不过由于强调横竖笔画的对比,在远处观看的时候横线就被弱化,导致识别性的下降 。

    ----------以上引自百度百科

    sans serif(非衬线字体)更适合于作为标题,强调,

    serif(衬线字体)更适合于正文。

    ------------

    具体哪些字体是sans serif(非衬线字体),哪些字体是serif(衬线字体),在dreamweaver的CSS提示框中可以查到,其他的上网搜索。

    ------------

    引自QQ.com的CSS如下

    body{margin:0;padding:0 0 12px 0;font-size:12px;line-height:22px;font-family:"宋体","Arial Narrow",HELVETICA;background:#fff;}

    不难看出,字体大小:12像素,行高22像素,字体:宋体,Arial,Narrow,helvetica

    引自taobao.com的CSS如下

    body{font:12px/1.5 tahoma,arial,\5b8b\4f53;}

    这段CSS的意思为:字体大小:12像素,行高1.5倍,即150%,1.5*12=18像素,字体:tahoma,arial,\5b8b\4f53,这里的\5b8b\4f53是汉字"宋体"的Unicode编码,不采用 SimSun的原因是 Firefox 的某些版本和 Opera 不支持 SimSun 的写法。

    font的缩写方式,可按以下依次顺序进行编写s

    • font-style
    • font-variant
    • font-weight
    • font-size/line-height
    • font-family
    p.ex1{ font:italic arial,sans-serif; }
    p.ex2
    { font:italic bold 12px/20px arial,sans-serif; }


    字体英文,unicode对照表

    平台

    中文名

    英文名

    Unicode

    Unicode 2

    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  

    微软雅黑

    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

    Pro LiHei Pro Medium

    \534E\6587\7EC6\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

    苹果丽细宋

    Office

    隶书

    LiSu 

    \96B6\4E66

    隶书

    幼圆

    YouYuan

    \5E7C\5706

    幼圆

    华文细黑

    STXihei

    \534E\6587\7EC6\9ED1

    华文细黑


     

  • 相关阅读:
    svn问题(队列)
    linux的七大运行级别及级别修改
    Elasticsearch配置文件说明
    openstack-swift云存储部署(二)
    openstack-swift云存储部署(一)
    今天发现一些很有意思的ubuntu命令
    python使用xlrd 操作Excel读写
    Python初记
    SQL Server常用命令
    SQL Server 流程控制
  • 原文地址:https://www.cnblogs.com/mybest/p/2366232.html
Copyright © 2011-2022 走看看