精确控制字符字体
wenjuli
使⽤用CSS
如何针对中西⽂文分别设置字体?
body{	
  
	
   	
   	
  
	
   	
   font-­‐family:"Helvetica	
  Neue",	
  Helvetica,	
  Tahoma,	
  
Simsun,	
  sans-­‐serif;	
  
!
}
宋体 Helvetica Neue
标点符号⽤用法
GB/T 15834-1995
标点名称 标点字形 Unicode 排版要求
破折号	
 —— U+2014	 占两个字的位置,中间不能断开,上下居中
省略号 …… U+2026 占两个字的位置,中间不能断开,上下居中
间隔号 · U+00B7	 占⼀一个字的位置,上下居中
逗号 , U+FF0C 占⼀一个字的位置,居左偏下
句号 。 U+3002 占⼀一个字的位置,居左偏下
顿号 、 U+3001 占⼀一个字的位置,居左偏下
分号 ; U+FF1B 占⼀一个字的位置,居左偏下
冒号 : U+FF1A 占⼀一个字的位置,居左偏下
中西⽂文字符共⽤用码位
原因
body{	
  
	
   	
   	
  
	
   	
   font-­‐family:"Helvetica	
  Neue",	
  Helvetica,	
  Tahoma,	
  
Simsun,	
  sans-­‐serif;	
  
!
}
Biaodian	
  Font
@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;	
  
⽀支持情况
浏览器:Webkit(Google Chrome、Safari)

IE9+!
平台:Mac OS X、iOS、Windows Vista、

Windows 7/8

精确控制字符字体