阿里的iconfont 如何引用?

弄了半天也没弄好



2018-09-14 20:53 添加评论 分享
已邀请:
0

王者地带 - 一周香港APP

赞同来自:

用iconfont的远程图标


0

weber_wu@qq.com

赞同来自:

把你下载的css文件开头换成如下格式:
@font-face {
font-family: "wui-icon";
font-weight: normal;
font-style: normal;
src: url('http://www.xxxxx.com/fonts/wui.ttf') format('truetype');
}

.wui-icon {
font-family:"wui-icon" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

把"wui"换成你自己的。就可以使用了。
需要把字体文件上传到你自己的服务器上。

贴一个完整文件。

@font-face {
font-family: "wui-icon";
font-weight: normal;
font-style: normal;
src: url('http://www.xxxxx.com/fonts/wui.ttf') format('truetype');
}

.wui-icon {
font-family:"wui-icon" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-sign:before { content: "\e601"; }

.icon-plus:before { content: "\e6b3"; }

.icon-date-time:before { content: "\e71e"; }

.icon-lists:before { content: "\e65a"; }


0

1656567911@qq.com - 80后IT爱好者

赞同来自:

这个错误什么什么意思?


0

1656567911@qq.com - 80后IT爱好者

赞同来自:

已解决
阿里提供的在线链接,前面需要加上http:


要回复问题请先登录注册