关于自定义组件 @font-face 图标字体不显示问题
在自定义组件中,我用@font-face来渲染字体图标,但是显示出来的是乱码,而在自定义组件外却正常。
没法渲染
10 回复
/* wxss */
[@font-face](/user/font-face) {
font-family: 'iconfont'; /* project id 540717 */
src: url('//at.alicdn.com/t/font_540717_1da1ynkdlp4lsor.eot');
src: url('//at.alicdn.com/t/font_540717_1da1ynkdlp4lsor.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_540717_1da1ynkdlp4lsor.woff') format('woff'),
url('//at.alicdn.com/t/font_540717_1da1ynkdlp4lsor.ttf') format('truetype'),
url('//at.alicdn.com/t/font_540717_1da1ynkdlp4lsor.svg#iconfont') format('svg');
}
.su-icon {
font-family:"iconfont" !important;
font-size:16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: normal;
/*vertical-align: middle;*/}
/* wxml */
<view class="su-icon"></view>
你可以在组件和页面上都测试下。