CSS3——文字与文本

1、文本阴影——text-shadow

    text-shadow：水平偏移 垂直偏移 阴影大小 颜色；

h1{
	color: white;
	text-shadow: 2px 2px 4px #000;//设置浮雕样式
}
p{
	text-shadow: 0 0 5px yellow;//设置描边效果
}

 

2、word-wrap属性

允许长单词，URL强制换行，其取值为normal（默认）和break-word（换行）

 

3、@font-face规则

利用@font-face规则，定义web字体，并引用需要字体的四种文档格式，确保能在主流浏览器中都能正常显示该字体

字体文件后缀	适用于浏览器
.TTF或.OTF	Firefox、Safari、Opera
.EOT	Internet Explorer 4.0+
.SVG	Chrome、IPhone
.WOFF	Chrome、Firefox

 

 

 

 

 

 

@font-face{
	font-family: HuatiFont;//定义字体名称
	src: url('fonts/huati.ttf'),//定义字体来源
	     url('fonts/huati.eot'),
	     url('fonts/huati.woff'),
	     url('fonts/huati.svg');
}
h1{		
	font-family: HuatiFont;	//引用字体
}