阿里巴巴矢量图使用方法

简介: 阿里巴巴矢量图使用方法

1、第一阶段:解决办法:下载图片,把它当作图片来用(当时没有弄出来,不知道怎么弄,用的这种办法)(.png格式)

2、第二阶段:

下载后得到一个压缩包,解压,里面有个文件夹,文件夹里的内容如下图:

然后点击那个唯一的显示的是网页的文件;点开后,显示如图

它有三种引用方法:Unicode,font class和symbol

这几种方法只要点击相应的后,往下拉将会出现如图示的 解释如何使用的步骤

下面,我将把font class方法的具体使用步骤写出来。

1、第一步:(如图)引用项目下面生成的fontclass代码:(具体,只要复制图中的代码放入自己的代码即可)

注意:href中的地址使用的是相对路径,这时,需要将解压得到的文件夹中的iconfont.css文件和页面放在同级上。或者你可以改变它的路径。

2、第二步:将上图的代码放进你所写的代码中。按图中要求进行即可。

相关文章
|
Web App开发 人工智能 Android开发
iconfont.cn 阿里出品的矢量图标库
Iconfont.cn是阿里巴巴推出的矢量图标库,其中涵盖了1000多个常用图标,并在持续更新中。(目前已有7000+图标,部分图标为用户上传,因此默认不公开,但是可以搜索到。)
5695 0
iconfont.cn 阿里出品的矢量图标库
|
6月前
|
数据可视化 大数据 定位技术
GIS:开源webgl大数据地图类库整理
GIS:开源webgl大数据地图类库整理
182 0
|
9月前
|
敏捷开发 前端开发 数据可视化
如何用低代码的思路设计文字描边渐变组件
如何用低代码的思路设计文字描边渐变组件
92 1
|
9月前
|
前端开发
【零基础入门前端系列】—浏览器内核、背景渐变、转换(二十二)
【零基础入门前端系列】—浏览器内核、背景渐变、转换(二十二)
|
XML 前端开发 JavaScript
推荐一个C#操作SVG图形矢量图的开源项目
一个支持.Net Framework 与 .Net Core版本的SVG图形操作库。这个项目集成了SVG各项API,让开发人员可以在.Net很轻松的实现SVG图形的操作,通过SVG文件转换为图片文件。
486 0
推荐一个C#操作SVG图形矢量图的开源项目
|
Python
Python黑科技系列07-小项目-开发一个定制的小画板
有时候想得太多,只会让自己变得心态不好,白白浪费太多的时间,很没有必要。 因为很多时候,换一个角度,改一下心态,很多想不通的问题,瞬间就想通了。想不通就暂时先不想;不必纠结于一时。人随风过,自在花开花又落。越简单越幸福。
Python黑科技系列07-小项目-开发一个定制的小画板
|
Web App开发 编解码 移动开发
前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配 (上)
前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配
346 0
前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配 (上)
|
Web App开发 移动开发 前端开发
前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配 (下)
前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配 (下)
391 0
前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配 (下)
|
程序员 C++
开源项目推荐:OpenGL之Qt专辑;重点是ccViewer和libQGLViewer
开源项目推荐:OpenGL之Qt专辑;重点是ccViewer和libQGLViewer
1326 0
开源项目推荐:OpenGL之Qt专辑;重点是ccViewer和libQGLViewer
|
设计模式 Web App开发 编解码
【前端第七课】媒体查询的语法;移动端适配相关知识点;Grid高级布局
【前端第七课】媒体查询的语法;移动端适配相关知识点;Grid高级布局