学习路之图标库--Font Awesome 图标

最新推荐文章于 2024-05-19 15:34:50 发布
最新推荐文章于 2024-05-19 15:34:50 发布
阅读量445 收藏
点赞数
文章标签： css css3 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hopetomorrow/article/details/122241742
版权

开发中常用到图片图标.

一在线下载:https://www.iconfont.cn/  iconfont-阿里巴巴矢量图标库

二下载使用:Font Awesome 图标

到网上下载:http://www.fontawesome.com.cn/

或 https://www.runoob.com/font-awesome/fontawesome-tutorial.html

1. 国内推荐 CDN：

<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">

2、海外推荐 CDN

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

3、直接下载到本地

<head>
    <meta charset="UTF-8">
    <link rel="icon" href="images/favicon.ico">
    <link rel="stylesheet" type="text/css" href="CSS/header.css">
    <link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css">
    <title>我是标题-html访淘宝网导航栏</title> 
</head>

三. 使用

<i class="fa fa-angle-down"></i>

hopetomorrow
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Fontawesome_v5.3.1矢量图更新部分
09-26
找不到5.3.1的rplib文件，自己手动更新的。注意！！不是5.3.1的全部矢量图，是基于上一个版本更新补充的图。
font-awesome-animations:Font AwesomeCSS动画（和其他图标库！）
04-29
字体真棒动画Font Awesome（和其他图标库！）CSS动画。地位目录如何使用版本控制变更日志团队行为守则版权和许可 快速开始有几个选项： 下载最新版本。 克隆仓库： git clone ...
css字体图标浏览器兼容解决方案
徐颖的博客
01-08 847
Font Awesome为您提供可缩放的矢量图标，您可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。 css字体图标解决方案
【html和css】Fontawesome最新的4.7.0版，675个图标
最新发布
【敦厚的曹操】的专栏
05-19 238
500px address-book address-book-o address-card address-card-o adjust adn align-center align-justify align-left align-right amazon ambulance american-sign-language-interpreting anchor android angellist angle-double-down angle-double-
awesome图标库
rui15111的博客
11-17 961
一套字库, 675个图标FontAwesome是一种带有网页功能的象形文字语言，并收集在一个集合里。 不需要 JavaScript 支持更少的兼容性问题，因为该字体不需要javascript 无限的扩展性可缩放的矢量图形，每个图标在放大或者缩小的时候看起来都正常 完全开源免费该字体是完全开源并且免费的，查看许可证. CSS 控制可以轻松的用css来控制字体的颜色，大小，阴影等！
awesome字体图标库
weixin_45766034的博客
10-09 271
1.进入官网进行下载 2.真实项目中的目录 font-awesome.css是全局导入的 去网站挑选自己需要的图标,本地 即可
Awesome字体图标库使用
wisdomroc的博客
04-05 789
Awesome字体图标库使用。
font awesome 3.2.1 图标资源及离线文档
10-18
Font Awesome 是一个广泛使用的图标库，它将矢量图形与Web字体技术相结合，使得开发者可以在网页设计中方便地使用各种图标。在3.2.1版本中，它提供了丰富的图标集合，涵盖了社交网络、导航、文件类型等多种类别，极...
font-awesome-v5-icons：Font Awesome v5图标列表（纯JS数组）
02-05
返回Font Awesome v5图标的实际列表（纯JS数组） 安装 $ npm install --save font-awesome-v5-icons 用法 const faIcons = require ( 'font-awesome-v5-icons' ) ; faIcons . getList ( ) . then ( icons => ...
微信小程序使用font-awesome图标库
03-29
打开Transfonter网站，上传字体fontawesome-webfont.ttf（理论其它文件格式也可以转换，并未尝试），选择base64编码，convert后下载 下载得到的包中有style文件，打开后获得以下代码，并对照font-awesome.css中的...
vue-awesome：Vue.js的真棒SVG图标组件，内置有Font Awesome图标
02-06
Vue很棒Vue.js的超棒SVG图标组件，带有内置的Font Awesome图标。Vue-Awesome 的SVG图标组件，内置图标由。 在查看演示。安装npm（推荐） $ npm install vue-awesome凉亭$ bower install vue-awesome手册只需下载dist...
font awesome 4.7.0
11-28
font awesome 最新4.7.0版，tff、css、less、scss各种格式，并附cheatsheet对照表，轻松搞定各种图标
font-awesome-4.7.0.zip
05-18
font-awesome-4.7.0.zip
Font Awesome图标库使用
Jack魏
09-17 474
Font Awesome图标库使用1. 官网下载2.解压导入项目 1. 官网下载 Font Awesome官网：https://fontawesome.com/?from=io 2.解压导入项目 记得要引用all.css，如果只用图标就可以把css文件夹和webfonts文件夹留着，其他的删除。 如果有问题再按提示一个一个加上。 ...
Vue项目中使用fontawesome图标库
qq_56907208的博客
03-19 2352
本文将详细讲述Vue项目中使用fontawesome图标库，包括fontawesome包的下载，导入，图标的查询，使用方法，样式改写等等，这是本人结合官网文档所写，诚意满满。
图标库使用一（vue-fontawesome）
prayer的博客
12-28 1447
图标库vue-fontawesome的使用方法
font awesome 页面小图标
weixin_30410999的博客
04-11 109
font awesome 页面小图标 前段时间做页面，从网上查找资料，发现了一个好用的工具，就是font awesome奥森图标，使用了一下，发现非常方便，而且很灵活，纯css编写，可以和bootstrap结合使用，网页用上之后，瞬间高大上了，遂推荐一下。 下载地址为：http://download.csdn.net/detail/reinh...
Font Awesome 一套绝佳的图标字体库和CSS框架
jia2799897415的博客
08-31 364
Font Awesome是一套完美的图标字体库，供可缩放的矢量图标，您可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。
【前端开发】Font Awesome 一个基于CSS和LESS的免费图标库工具包,下载与使用教程!
极客小俊
01-26 2117
被数百万开发人员公认并使用的好玩意如果你都不知道那真是太可惜了！
fontawesome图标库
07-28
Font Awesome 是一个非常流行的图标库，它提供了一套丰富多样的图标供开发者使用。这些图标可以通过简单的 HTML 代码进行引用，使得网站和应用程序的界面更加美观和易于识别。 要使用 Font Awesome 图标库，首先...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值