菜单 搜索
首页 前端知识 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
标签
上一篇：HTML基本结构及基本标签
评论
相关文章

前端哥

前端哥

发布的文章

jQuery3 学习手册（三）

2024-08-18 22:08:04

vue和jQuery有什么区别

2024-04-29 11:04:47

Day28：安全开发-JS应用&原生开发&JQuery库&Ajax技术&前端后端&安全验证处理

2024-08-18 22:08:38

推荐项目：jQuery.Gantt

2024-08-18 22:08:37

jQuery UI 秘籍（一）

2024-08-18 22:08:15

jQuery详解

2024-04-29 11:04:38

html css jquery制作图片展示效果，致Web前端高级工程师的一封信

2024-06-07 12:06:53

EasyUI Jquery 学习笔记 —— Menu（菜单）与 Button（按钮）详细版

2024-08-18 22:08:50

echarts饼图点击图例问题

2024-08-18 22:08:48

echarts天气折线图

2024-08-18 22:08:46

大家推荐的文章
1

npm的使用

2024-08-18 00:08:131000
2

JavaScript与jQuery：昔日王者与现代前端的交响曲【含代码示例】

2024-07-30 22:07:311000
3

在HTML和CSS当中运用显示隐藏

2024-06-17 09:06:541000
4

成为优秀的TS体操高手 之 TS 类型体操前置知识储备

2024-06-10 11:06:351000
5

django改了html网页没有变化,,前端页面居然没有对应变化?!修改了css文件但是前端页面没有反应

2024-06-06 10:06:201000
6

html简单网页代码：基于html关爱空巢老人网页设计与实现

2024-06-04 10:06:181000
7

jquery实现注册表单验证（仅供参考）

2024-06-07 00:06:411000
8

基于Echarts的高校就业数据可视化管理系统设计与实现（计算机毕业设计源码81461）

2024-05-29 10:05:301000
9

VUE3 Vite Pinia TypeScript项目笔记

2024-05-20 14:05:191000
10

轻松掌握数据库中JSON数据提取：json_extract函数用法详解

2024-05-09 11:05:011000

rss订阅 百度xml 谷歌xml 搜狗xml soxml 神马搜索xml 网站地图

Copyright © 2018-2022 前端哥 陕ICP备2023000550号-1 前端哥

讲个笑话：程序员心理活动：看别人的代码，这都写得什么玩意儿，垃圾！！看自己一个月前的代码：这TM谁写得代码，垃圾！再一看，这代码怎么这么眼熟？我自己写得？仔细一看，卧槽！还TM的真是我自己写的！！

前端技术交流源码工具分享网站

会员中心 联系我 留言建议 回顶部
复制成功！