<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
/* 字体族 分类
font-family: "";
可选值:
*/
/* 可以讲服务器中的字体发送给用户来使用 */
@font-face {
font-family:"自己取个名字(下面的face-family可以直接调用)" ;
src: url(字体的路径);
}
p{
/* 线性字体 */
font-family: serif;
/* 非线性字体 */
font-family: sans-serif;
/* 等宽字体*/
font-family: monospace;
/* 从前往后优先顺序使用 */
font-family: sans-serif serif monospace;
}
/*
1.伪元素方法:找到设置图标的的元素选择::befor或者::after
2.设定content设置字体的代码
3.设置字体的样式:
fas
font-family:"xxxxxxx"