第一步:拷贝项目下面生成的fontclass代码,link标签引入 //at.alicdn.com/t/font_xxxx.css 第二步:挑选相应图标并获取类名,应用于页面 <i class='iconfont icon-xxx'></i> symbol引用 这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。这种用法其实是做了一个svg的集合,与上面两种相...
使用步骤如下:第一步:引入项目下面生成的fontclass代码:<link rel="stylesheet" type="text/css" href="./iconfont.css">第二步:挑选相应图标并获取类名,应用于页面:<i class="edufont e-icon-xxx"></i>"edufont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。
<style type="text/css"> .icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; } </style>第三步:挑选相应图标并获取类名,应用于页面:<svg class="icon" aria-hidden="true"> <use xlink:href="#icon-xxx"></use> </svg> ...
-- 第二步:定义icon类选择器 --><styletype="text/css">.icon { width: 3em; height: 3em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }</style><body><!-- 第三步:使用 --><svgclass="icon"aria-hidden="true"><usexlink:href="#icon-sousuo"></use></svg></body>...
然后在HTML中引用 <i class="iconfont icon-xxx"></i> 你应该会的,对吧。 symbol引用 多色图标引用 自己思考上面步骤, 然后到css中写下icon的样式,只用引入一次,永久不变 <style type="text/css"> .icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden;...
<link rel="stylesheet"type="text/css"href="./iconfont.css"> 第二步:挑选相应图标并获取类名,应用于页面: <iclass="iconfont icon-xxx"></i> "iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。 5.2 symbol引用 这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前...
} .icon-sendMsg:before { content: "\e60c"; } .icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; } </style> <script type="text/javascript" src="css/iconfont/iconfont.js"></script> ...
此外,对于 icon 来说,开发者还其保留文本属性,比如可以继承文字的颜色、大小等等... 为此,也需要对 svg 的属性中加入fill: currentColor;width: 1em;height: 1em;等样式处理。 <svgstyle="fill: currentColor;width: 1em;height: 1em;">...</svg> ...
.icon{ width:1em; height:1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; } 第三步:挑选相应图标并获取类名,应用于页面: <svgclass="icon"aria-hidden="true"> <usexlink:href="#icon-xxx"></use> </svg> 3. 其他端使用 ...
LC_icon_share_fill  头像6  头像1  round_link_fill  link  个人头像  默认头像  云  arrow-right  提示  菜单-2-块  提示  提示  音乐...