前端时尚好用的图标项目-Font Awesome

概述

  • 作为一个非专业的美工和前端的技术人员,在项目上有时需要用到一些图标,才能使前端看起来比较高大上,以前都是使用收集好的一些小图标,放在目录下面,通过手动添加图片标签来实现,但是这种方式比较繁琐,要收藏较多的图标,找起来也费劲。

推荐

  • 这里我推荐使用fontawesome,这里使用的图标非常好看,使用方式也很简单,同时也支持CDN加速,有着非常不错的用户体验。

Font Awesome介绍

  • Font Awesome 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式。项目网址 http://www.fontawesome.com.cn/
    前端时尚好用的图标项目-Font Awesome_第1张图片

使用

  • 使用方式也是非常简单,引入css/javascript文件,然后设置icon标签值即可
  • 如果通过使用cdn的加速话,可以在Font Awesome官网上,通过邮箱进行注册,会得到一个嵌入html文件的一段代码
    前端时尚好用的图标项目-Font Awesome_第2张图片

示例


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Font Awesometitle>
    <script src="https://use.fontawesome.com/7deeedbcff.js">script>
head>
<body>
<i class="fa fa-heart">i>
body>
html>
  • 效果如下
    在这里插入图片描述

你可能感兴趣的:(大屏展示,FA,Font,Awesome,前端,图标,icon)