本文介绍了CSS中字体族的使用，包括serif、sans-serif、monospace等字体类型，并展示了如何通过@font-face导入自定义字体。同时，文章讲解了如何使用伪元素和字体图标库，如FontAwesome，为网页添加图标。
<!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"
font-weight:xxxx
fab
fabt-family:"xxxxxxxx"
4.通过类 class="fas或fab 字体代码名称" <i class="fas xxx"></i>
5.通过实体设置 举例：<i class="fas"> &#x字体代码 </i>
*/
</style>
</head>
<body>
<div>
</div>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
