阿里矢量图标_ui矢量图

阿里矢量图标_ui矢量图阿里iconfunt官网对于图标的调用写的不够详细,许多初用者不会用,下面具体介绍下总结的两种方法:一、在线调用方式1、首先建立新浪微博账号,用微博号登录iconfunt官网;2、所需要图标加入

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

  阿里iconfunt官网对于图标的调用写的不够详细,许多初用者不会用,下面具体介绍下总结的两种方法:

一、在线调用方式

1、首先建立新浪微博账号,用微博号登录iconfunt官网;  

2、所需要图标加入购物车 ;
3、存储为项目;
4、获取在线链接、生成在线链接;
5、选择fontclass在线css模式;
6、把在线链接粘贴到link标签;
7、用.iconfont如上,在里边随意修改样式;
8、在html中需要的位置写<i class=”iconfont”>此处写图标的编号&#…;</i>;

demo:

  

<!doctype html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title></title>
<link href=”http://at.alicdn.com/t/font_1461119990_7929926.css” type=”text/css” rel=”stylesheet”/>
<style>

.iconfont{
font-family:”iconfont”;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
padding-left:20px 
}

</style>
</head>
<body>
<i class=”iconfont”>&#xe600;</i>

</body>
</html>

二、离线调用方式

  此方法需要本地下载iconfunt官网demo,然后如下,

切记要把demo里.ttf和.woff亮哥文件引入即可:

<!doctype html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title></title>
<style>

@font-face {font-family: “iconfont”;
src: url(‘iconfont.eot?t=1461117480’); /* IE9*/
src: url(‘iconfont.eot?t=1461117480#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
url(‘iconfont.woff?t=1461117480’) format(‘woff’), /* chrome, firefox */
url(‘iconfont.ttf?t=1461117480’) format(‘truetype’), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url(‘iconfont.svg?t=1461117480#iconfont’) format(‘svg’); /* iOS 4.1- */
}

.iconfont {
font-family:”iconfont” !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
.icon-icon1460345725196:before { content: “\e61d”; }
</style>
</head>
<body>
<div class=”box”>
<i class=”iconfont”>&#xe600</i>
</body>
</html>

 

 

一定一定要记得加link里面的链接~妥妥测了一晚上,蓦然回首才发现可爱的寄几一直没加链接!

还有相当重要的一句话:这篇博客是转载的 只有下面两句是博主的原创  啊哈哈哈  原文作者:

文艺范儿m

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/167052.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 电脑15分钟自动重启_windows一分钟重启解决

    电脑15分钟自动重启_windows一分钟重启解决前言Charles是收费软件,可以免费试用30天。试用期过后,未付费的用户仍然可以继续使用,但是每次使用时间不能超过30分钟,并且启动时将会有10秒种的延时。此时,我们只需网上找一个注册码即可解

  • 国产系统中标麒麟neokylin上的视频监控系统

    国产系统中标麒麟neokylin上的视频监控系统一、功能特点采用分层设计,整体总共分三级界面,一级界面是整体布局,二级界面是单个功能模块,三级界面是单个控件。子控件包括饼图、圆环图、曲线图、柱状图、柱状分组图、横向柱状图、横向柱状分组图、合格率控件、百分比控件、进度控件、设备状态面板、表格数据、地图控件、视频控件等。二级界面可以自由拖动悬浮,支持最小化隐藏、最大化关闭、响应双击自定义标题栏。数据源支持模拟数据(默认)、数据库采集、串口通信(需定制)、网络通信(需定制)、网络请求等,可自由设定每个子界面的采集间隔即数据刷新频率。采用纯QWidg

  • mysql截取前几个字符串_MySQL 截取字符串函数的sql语句

    mysql截取前几个字符串_MySQL 截取字符串函数的sql语句1、left(name,4)截取左边的4个字符列:SELECTLEFT(201809,4)年结果:20182、right(name,2)截取右边的2个字符SELECTRIGHT(201809,2)月份结果:093、SUBSTRING(name,5,3)截取name这个字段从第五个字符开始只截取之后的3个字符SELECTSUBSTRING(‘成都融资事业部’,5,3)结果:事业部4、…

  • ReadProcessMemory函数的分析「建议收藏」

    ReadProcessMemory函数的分析「建议收藏」ReadProcessMemory函数用于读取其他进程的数据。我们知道自远古时代结束后,user模式下的进程都有自己的地址空间,进程与进程间互不干扰,这叫私有财产神圣不可侵犯。但windows里还真就提供了那么一个机制,让你可以合法的获取别人的私有财产,这就是ReadProcessMemory和WriteProcessMemory。为什么一个进程居然可以访问另一个进程的地址空间呢?因为独立的只是低

  • android WebView总结

    android WebView总结

    2021年12月17日
  • pychar激活码【注册码】「建议收藏」

    pychar激活码【注册码】,https://javaforall.cn/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号