首页 前端知识 web字体和图标 web字体 字体图标

web字体和图标 web字体 字体图标

2024-08-12 10:08:39 前端知识 前端哥 512 142 我要收藏

目录

  • web字体和图标
    • web字体
    • 字体图标网站
    • 图标使用方法(font class 版本(推荐))
      • 图标离线使用方法
    • 图标使用方法(Unicode 版本)

web字体和图标

web字体

用户电脑上没有安装相应字体,强制让用户下载该字体(这个过程中,用户察觉不到)

使用@font-face指令制作一个新字体
在这里插入图片描述

字体图标网站

字体图标网站库: iconfont.cn
https://www.iconfont.cn/

图标使用方法(font class 版本(推荐))

在我的项目里查看图标
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

这里的复制代码,可以得到图标的类名
在这里插入图片描述
在这里插入图片描述

图标离线使用方法

把图标的css代码放入本地的css文件里,并进行引用
在这里插入图片描述

图标使用方法(Unicode 版本)

这种方式是远程读取字体文件
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/15340.html
标签
评论
发布的文章

jQuery3 学习手册(三)

2024-08-18 22:08:04

vue和jQuery有什么区别

2024-04-29 11:04:47

推荐项目:jQuery.Gantt

2024-08-18 22:08:37

jQuery UI 秘籍(一)

2024-08-18 22:08:15

jQuery详解

2024-04-29 11:04:38

echarts饼图点击图例问题

2024-08-18 22:08:48

echarts天气折线图

2024-08-18 22:08:46

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!