第一：css3下载字体，代码如下
@font-face
{
font-family:
'自己命名字体名字'
src:
url('字体路径')
src:
url('FileName.eot?#iefix')
format('embedded-opentype'),
/*其它格式*/
url('FileName.woff')
format('woff'),
url('FileName.ttf')
format('truetype'),
url('FileName.svg#FontName')
format('svg')
font-style:
normal
font-weight:
normal
/*设置默认样式*/
}
.aa{font-family:"自己命名字体名字"}
不兼容ie8及以下浏览器
第二：切png图片
1、新建一个html文件，命名为test.html。
2、在test.html文件内，使用font标签创建三行文字，分别用不同的方法给font字体设置颜色。
3、在test.html文件内，直接在font标签上，通过color属性来设置字体的颜色。例如，设置font字体的颜色为红色。
4、在test.html文件内，设置font标签的class属性为myclass，主要用于下面通过该class来设置css样式。
5、在test.html文件内，设置font标签的id属性为myid，主要用于下面通过该id来设置css样式。
6、在css标签中，设置类名为myclass的样式，例如，设置color属性为蓝色（blue）；设置id为myid的样式，例如，设置color属性为粉红色（pink）。
7、在浏览器打开test.html文件，查看实现的效果。
1.粗细 font-weight作用：设置文字是否加粗显示。属性名：font-weight(属于 font 属性的一个单一属性)2.字体风格 font-style作用：设置文字是否斜体显示。属性名：font-style（属于 font 属性的一个单一属性）
3.行高 line-height作用：设置的是一行文字实际占有的高度，文字字号在行高中是垂直居中的。属性名：line-height，属于 font 属性的一个单一属性。
4.字体综合 font字体、字号、行高、加粗、斜体都是font综合属性的单一属性。font属性五个单一属性的值可以进行合写，属性值可以有2到多个，值之间用空格进行分隔。
5、水平对齐 text-align作用：设置文本水平方向的对齐。在盒子中，不论文本是单行还是多行，都会对应方向对齐。
6、文本修饰 text-decoration作用：设置文本整体是否有线条的修饰效果。
7、文本缩进 text-indent作用：设置段落首行是否进行缩进。
