阿里iconfont矢量库的使用

image description

阿里iconfont矢量库的使用

写在最前面:

:stuck_out_tongue: 自己搭建博客网站,使用现成的html模板大部分情况没什么问题,很省心,但是作为一个审美要求很高的人来说,有些地方的图标并不是很满意,推荐大家阿里的iconfont矢量图标库,今天简单介绍一下使用方法。

首先,登录这个网站,一共有三种方式,Github,阿里员工,新浪,我用的是GitHub登录的。

图片 然后选择你喜欢的图标,我用的是手机淘宝的图标库。然后就可以下载了,提供了三种下载方式,SVG,AI,PNG,AI我不知道是用来做什么的,PNG反正你可以用来做网站标签的icon,下面重点说一下SVG。 图片 创建一个自己的项目,将这个SVG拖进去生成代码,你可以选择Unicode,Font class ,Symbol。具体这三种怎么使用,请看阿里官方文档

图片 这里我用的是第二种,很简单,将生成的css路径代码引入到你的html文件中

<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_1039987_h5pzyznynb7.css">

注意,生成的css路径是不完整的,请自己加上http: 然后再调用一下

<span class="iconfont icon-appreciate_fill">&nbsp;&nbsp;</span>

就这么简单!

    ArithmeticJia         2         3517         Other         47    

David Ramon

ArithmeticJia

www.guanacossj.com

Life is Short,You need Python

Related Posts

You may like these post too

image description

假设你是个妹子......

假设你是个妹子,你有一位男朋友,于此同时你和另外一位男生暧昧不清,比朋友好,又不是恋人。你随时可以甩了现任男友,另外一位马上就能补上。这是冷备份。 假设你是个妹子,同时和两位男性在交往,两位都是你男朋友。并且他们还互不干涉,独立运行。这就是双机热备份。 假设你是个妹子,不安于男朋友给你的

image description

Redis主从同步

##写在最前面: 今天想和大家分享有关 Redis 主从同步(也称「复制」)的内容。 我们知道,当有多台 Redis 服务器时,肯定就有一台主服务器和多台从服务器。一般来说,主服务器进行写操作,从服务器进行读操作。 那么这里有存在一个问题:从服务器如何和主服务器进行数据同步的呢?

Comments on this post

2 comments

image description

ArithmeticJia

Very Good!

Leave a comment

it’s easy to post a comment

image description
image description
image description
image description
image description
image description
image description
image description
image description

Copyright © 2019.Company name All rights reserved.苏ICP备19007197号