1.1.自定义字体
css3提供@font-face来实现引入外部定义的字体,如下实例:
@font-face {
font-family:"damu";
src: url(damu/GOUDYSTO.TTF);
}
@font-face:允许网页开发者为其网页指定在线字体。 通过这种作者自备字体的方式,可以消除对用户电脑字体的依赖
font-family
所指定的字体名字将会被用于font或font-family属性
src
字体资源
注意:
不能在一个 CSS 选择器中定义 @font-face
1.2.图片字体
设计图片字体的思路为建一个图片绑定到一个特殊的字符或进制符号,例如将图片绑定到任意字母或者\01234这种特殊字符,在引入外部定义好的字体之后,只需要将绑定的字母或者特殊的字符系列就可将该图片以字体的形式显示。
通常前端不需要自己设计图片字体,可是需要知道如何使用,下面将介绍几个通用的图片字体库:
1.2.1..fontawesome的使用
1.2.2.阿里字体库