fontello小白帮助免费Web-font图标字体生成器

fontello基础入门

官方网址:http://fontello.com/

fontello小白帮助免费Web-font图标字体生成器

GitHub:https://github.com/fontello/fontello

简介描述:免费Web-font图标字体生成器

在线定制你自己的icon font字体图标字库,也可以直接从GitHub下载整个图标集,该项目也是开源的。  

fontello特性:

  • 缩小字形集合,减小字体大小
  • 合并一些字体标记到单个文件中
  • 访问大量专业级的开源图标

fontello使用方法:

  1. 选择想要的图标,然后点击右上角的红色按钮下载
  2. 解压下载回来的 zip,把里面的文件上传到你的网站
  3. 下载回来的包有个 demo.html,这里可以看到相对应的类名(class name)。使用的话照着demo.html 用就可以了
海计划公众号
(0)
上一篇 2020/03/05 23:26
下一篇 2020/03/05 23:26

您可能感兴趣的内容

  • javascript如何屏蔽错误?使用帮助_错误基础指南

    javascript屏蔽错误的方法:在网页head区域添加window.onerror属性,并将其对应函数返回值设为true即可屏蔽错误。JavaScript中屏蔽错误的方法实现:

    </SCR

    2020/03/20
  • CSS实现开关按钮的例子入门知识_按钮菜鸟指南

    我们将使用纯CSS打造一些切换开关并使其拥有类似于checkbox的用户体验。很多时候我们都需要用户通过勾选/取消checkbox来表明他们对一些问题的答案。我们设置了一个标签,一个checkbox,并在提交表单后获取checkbox值,以查看用户是否已经选中或取消选中该checkbox。我们都知道默认的的checkbox长啥样,而且还不能通过纯CSS的方式

    2020/03/23
  • JS算法题之三数之和入门基础_算法题基础知识教程

    题目描述给定一个包含 n 个整数的数组 nums,判断 nums 中是否存在三个元素 a,b,c ,使得 a + b + c = 0 ?找出所有满足条件且不重复的三元组。注意:答案中不可以包含重复的三元组。例如, 给定数组 nums = [-1, 0, 1, 2, -1, -4],满足要求的三元组集合为:
    [[-1, 0, 1],[-1, -1, 2]
    ]解

    2020/03/29
  • call,apply,bind的完全实现和理解入门攻略_apply基础知识

    前言春天到了,又到了交配,啊 ,不是。。又到了找工作的季节。相信很多朋友都会被问到过这样的一个JS问题,如何实现call | apply | bind,很多朋友只会用但是不会写,或者是死记硬背写法,等到面试官提问的时候,支支吾吾讲不清楚,今天我将教会大家完全理解这个破题!1.首先讲讲this这是一个很方便,但是同时又容易出错的属性。我们只要记住4条规则就好了

    2020/03/20
  • angular怎么做前端页面跳转?小白知识_跳转入门教程

    Angular中每个页面的显示都需要三个要素:页面的代码,控制器和页面的URL;当要在同一个页面上呈现不同的视图时,这就需要配置路由啦;angular.js已经为我们封装了一个独立的路由工具ng-route;ng-route是靠URL来改变显示的视图的。angular实现前端页面跳转的方法如下:1、首先在主页面中,嵌入模板视图:为当前路由把对应的视图模板载入

    2020/03/24
  • 字体大小自适应纯css解决方案指南教程_自适应入门基础教程

    viewpointcss3提供了一些与当前viewpoint相关的元素,vw,vh,vim等。“viewpoint” = window sizevw = 1% of viewport width1vh = 1% of viewport height1vmin = 1vw or 1vh, 最小1vmax = 1vw or 1vh, 最大兼容性:chrome 2

    2020/03/24
  • MobX在React Native 中的使用心得基础知识教程_跨平台指南攻略

    MobX 是一款十分优秀的状态管理库,不但书写简洁还非常高效。当然这是我在使用之后才体会到的,当初试水上车的主要原因是响应式,考虑到可能会更符合 Vue 过来的思考方式。然而其实两者除了响应式以外并没有什么相似之处。在使用过程中走了不少弯路,一部分是因为当时扫两眼文档就动手,对 MobX 机制理解得不够;其它原因是 MobX 终究只是一个库,会受限于 Rea

    2020/04/05
  • JS基础语法:分支语句之三元表达式入门百科_表达式小白攻略

    获取两个数字中的最大值用if-else语句var num1 = 10;
    var num2 = 100;
    if (num1 > num2) {console.log(num1);
    } else {console.log(num2);
    }两个分支,最终的结果是两个分支中的一个,像这种情况可以使用三元表达式 三元表达式,语法: * var 变量=表达式1?表达式

    2020/04/03
  • 如何在chrome中实时修改JS攻略教程_chrome入门基础知识

    有时候,我们需要去研究人家网站的运行机制,这就免不了要在他们的前端脚本里插入一些调试代码看看运行效果。在chrome65以前,我们可以打开目标网页的 开发者工具 — source选项卡— 目标JS/CSS文件 ,然后在相关位置写入代码保存后即可看到改动后的效果。chrome65之后需要进行本地代码替换,本文就介绍一下如何在chrome中用本地代码替换在线代码

    2020/03/23
  • 前端业务代码配置化攻略教程_代码使用说明

    如何写好业务代码? 在前端工作中有很多业务性代码,如果书写不规范,那么对后期的维护将是非常致命的。判断配置化业务场景后端数据库中经常会一个字段具备几个不同的状态,比如:status: 2
    // 各个字段对应的含义
    0: 出生
    1: 儿童
    2: 少年
    3: 中年
    4: 老年这样不同的数字代表的含义,需要在前端展示。需要根据不同的状态,前端去做不同的处理方法一(

    2020/03/30
  • Css媒体查询以及常用设置菜鸟教程_媒体查询小白常识

    前言页面为了适应各种设备(PC端、移动端的不同设备)的不同显示情况,增加了媒体查询的功能,通过特定的要求达到不同的样式显示。媒体查询@media 媒体类型 and|not|only (媒体特性){/*css样式*/

    或者<link rel="stylesheet" media="mediatype and|not|only (media feature)

    2020/03/24
  • Leaflet.js小白常识_一款免费开源JS互动地图的领先JavaScript库

    Leaflet.js新手入门 官方网址:https://leafletjs.com GitHub:https://github.com/Leaflet/Leaflet 简介描述:一…

    2020/03/06
  • moveTo使用帮助_一个轻量级滚动动画javascript库没有任何依赖

    moveTo使用帮助 官方网址:https://hsnaydd.github.io/moveTo/demo/ GitHub:https://github.com/hsnaydd/m…

    2020/03/08
  • ES6封装H5本地存储localStorage、sessionStorage 小白教程_存储攻略教程

    localStorage: 方法存储的数据没有时间限制。sessionStorage: 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。localStorage、和sessionStorage的用法:(localStorage和sessionStorage都具有相同的操作方法,例如setItem、getItem、remove

    2020/03/29
  • miment菜鸟攻略_一个超轻量级的js时间库

    miment菜鸟攻略 GitHub:https://github.com/noahlam/Miment 简介描述:一个超轻量级的js时间库 Miment (“Mini …

    2020/03/11
  • js中的位运算及用法菜鸟教程网_运算使用说明

    什么是位运算?位运算是在数字底层(即表示数字的 32 个数位)进行运算的。由于位运算是低级的运算操作,所以速度往往也是最快的(相对其它运算如加减乘除来说),并且借助位运算有时我们还能实现更简单的程序逻辑,缺点是很不直观,许多场合不能够使用。位运算只对整数起作用,如果一个运算子不是整数,会自动转为整数后再运行。虽然在 JavaScript 内部,数值都是以64

    2020/03/29