字体图标的使用

最新推荐文章于 2023-02-06 10:09:11 发布

爱喝牛奶~

最新推荐文章于 2023-02-06 10:09:11 发布

阅读量701

点赞数 1

文章标签： css css3 echarts html5 jquery

本文链接：https://blog.csdn.net/qq_52301431/article/details/124079444

版权

1、先下载自己喜欢的字体（电脑上没有的）

字体包括：一些好看的字体、字体图标（使用编码将文字编码成图片的样子）

2、自定义规则：

css 里面写@font-face {font-family: name (自己的字体取得名字） }

3、使用：

div { font-family: name }

（css里面有一些自定义的字体图标）

使用layui中的字体图标：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./layui-v2.6.8/layui/css/layui.css">
    <style>
        .layui-icon-face-smile {
            color:red;
            font-size: 20px;
        }
        
    </style>
</head>
<body>
    <script src="./layui-v2.6.8/layui/layui.js"></script>
    <i class="layui-icon layui-icon-face-smile"></i>   

</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

爱喝牛奶~

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
字体图标的使用

1、先下载自己喜欢的字体（电脑上没有的）字体包括：一些好看的字体、字体图标（使用编码将文字编码成图片的样子）2、自定义规则：css 里面写@font-face {font-family: name (自己的字体取得名字） }3、使用：div { font-family: name }（css里面有一些自定义的字体图标）使用layui中的字体图标：<!DOCTYPE html><html lang="en"><head>
复制链接

扫一扫