@font-face

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.自定义字体免费字库

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容