1. 属性名单词
- Font:字体
- Face:外观
2.定义:用于定义元素的自定义字体。
3.自定义字体?
自定义字体是非系统字体、非安全字体。
4.什么是安全字体?
安全字体就是系统字体。
系统字体就是安全字体。
设置font-family首选安全字体。
自从@font-face规则出现后,我们可以在页面中引入非安全字体。
5.语法:
/* css文件 */
@font-face{/*大括号:设置引入自定义字体的规则*/
/*该font-family是规则符,不是属性。用于描述自定义字体的名称*/
font-family:'自定义字体名称',
/* url:指定自定义字体文件的路径 (相对路径/绝对路径)*/
src: url('自定义字体文件.otf');
}
/* 第二步:向元素应用自定义字体 */
#logo h2{
font-family:'自定义字体名称';
}
6.自定义字体免费字库
- www.iconfont.cn
- 英文字库:谷歌字库