精确控制字符字体

11
精确控制字符字体 wenjuli

Transcript of 精确控制字符字体

Page 1: 精确控制字符字体

精确控制字符字体wenjuli

Page 2: 精确控制字符字体
Page 3: 精确控制字符字体

使⽤用CSS 如何针对中西⽂文分别设置字体?

Page 4: 精确控制字符字体

body{             font-­‐family:"Helvetica  Neue",  Helvetica,  Tahoma,  Simsun,  sans-­‐serif;  !}

Page 5: 精确控制字符字体

宋体 Helvetica Neue

Page 6: 精确控制字符字体

标点符号⽤用法 GB/T 15834-1995

标点名称 标点字形 Unicode 排版要求

破折号 —— U+2014 占两个字的位置,中间不能断开,上下居中

省略号 …… U+2026 占两个字的位置,中间不能断开,上下居中

间隔号 · U+00B7 占⼀一个字的位置,上下居中

逗号 , U+FF0C 占⼀一个字的位置,居左偏下

句号 。 U+3002 占⼀一个字的位置,居左偏下

顿号 、 U+3001 占⼀一个字的位置,居左偏下

分号 ; U+FF1B 占⼀一个字的位置,居左偏下

冒号 : U+FF1A 占⼀一个字的位置,居左偏下

Page 7: 精确控制字符字体

中西⽂文字符共⽤用码位原因

Page 8: 精确控制字符字体

body{             font-­‐family:"Helvetica  Neue",  Helvetica,  Tahoma,  Simsun,  sans-­‐serif;  !}

Biaodian  Font

Page 9: 精确控制字符字体

@font-­‐face  {  !    font-­‐family:  BiaodianFont;      src:  url(http://example.com/BiaodianFont.woff);  !!!!    !!!}

src:                local('Hiragino  GB'),                local('Heiti  SC'),                local(STHeiti),                local(SimSun);

unicode-­‐range:  U+00B7;  

Page 10: 精确控制字符字体
Page 11: 精确控制字符字体

⽀支持情况

浏览器:Webkit(Google Chrome、Safari) IE9+!

平台:Mac OS X、iOS、Windows Vista、 Windows 7/8