Ant Design Pro 通过Unicode引入阿里巴巴图标
2019-05-17 本文已影响0人
6seaq
在根据Ant Design Pro文档按照Unicode引入业务图标时,根据文档发现一直出现问号无效图标。最终代码如下:
@font-face {
font-family: 'iconfont'; /* project id 1189004 */
src: url('http://at.alicdn.com/t/font_1189004_tyiu2qkh7sc.eot');
src: url('http://at.alicdn.com/t/font_1189004_tyiu2qkh7sc.eot?#iefix') format('embedded-opentype'),
url('http://at.alicdn.com/t/font_1189004_tyiu2qkh7sc.woff2') format('woff2'),
url('http://at.alicdn.com/t/font_1189004_tyiu2qkh7sc.woff') format('woff'),
url('http://at.alicdn.com/t/font_1189004_tyiu2qkh7sc.ttf') format('truetype'),
url('http://at.alicdn.com/t/font_1189004_tyiu2qkh7sc.svg#iconfont') format('svg');
}
:global{
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
}