不会用webpack,试了一下,下面的方式可以在icon中正常显示awesome图标
1、复制font-awesome.min.css到项目CSS目录中
2、复制FontAwesome.otf、fontawesome-webfont.eot、fontawesome-webfont.svg、fontawesome-webfont.ttf、fontawesome-webfont.woff到CSS同级的fonts目录中
3、在页面中引入css文件
<link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
4、在style标签中增加一下代码
[class^="el-icon-fa"], [class*=" el-icon-fa"] {
display:inline-block;
font-family:"FontAwesome"!important;
font-style:normal;
font-weight:normal;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
};
5、在页面按一下方式引用图标
<el-button icon="fa fa-ban">取消</el-button>
分享到:
相关推荐
让你在Vuepress中可以直接使用Font Awesome的图标
css3 fontawesome图标字体使用鼠标悬停动画图标字体
这里附加本人使用的Font Awesome 版本
fontawesome图标选择插件,使用fontawesome官方图标库,共有2011个图标,可直接放入网站只需要引入js和css文件,第一个版本功能基本完善,以后的版本会继续优化。
最新font awesome 图标展示, 用的时候方便查看要使用哪个图标
字体图标 font awesome 3.2.1 取自官网,并离线部分网页做离线文档使用,以满足脱机状态下挑选使用字体图标。 ——tip by Pan JP
NULL 博文链接:https://onestopweb.iteye.com/blog/2276921
这是一款使用Font Awesome图标制作的超链接动画特效。该特效在鼠标滑过超链接时,使用CSS3的transition和transform属性来制作各种Font Awesome图标的动画效果。
Bootstrap 使用Font Awesome图标字体文件 集成了圆角按钮 禁用状态按钮 自定义按钮尺寸 可设定按钮动画 旋转和闪烁动画 ps:字体文件在asset里面 说的不是很明白 看下面英文解释吧 Bootstrap buttons as per ...
[Xamarin.forms] FontAwesome图标字体库用法,FontAwesome 5.12.1版,包含1500左右图标;移动APP开发使用Font Awesome图标
Font Awesome 5.2 Axure 图标小部件库。 1200 多个图标,在 Axure 中完全可编辑。 所有图标都已从 svg 转换为自定义形状,并且表现得像矢量。 以非破坏性方式编辑大小、形状、颜色、笔触、渐变、阴影。
FontAwesome4.5.0图标字体元件库,可复制的图标文字;
1.// FontAwesome4.2图标名称对应的 unicode编码 FontAwesome.swift 2./获取ico FontAwesomeIcon.swift / 3.//最新的4.2图标 479 图标对应css样式名字/FontAwesome.ttf 4.//由于官网是境外的访问非常慢,...
在SwiftUI中易于使用的FontAwesome 5 FontAwesomeSwiftUI描述在您的SwiftUI中轻松使用FontAwesome 5。 FontAwesome 5的免费版本键入安全图标枚举支持3种样式:常规,品牌,实体支持iOS,macOS,tvOS,watchOS用法...
Font Awesome 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式。
Axure最新FontAwesome4.4.0图标字体元件库,UI/UE交互设计师必备元件库,分享给大家。
FontAwesome4.5.0 axure导入即可
Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。
该资源包含了一个使用font awesome显示android 字体图标的小案例,喜欢的下载。