[微信小程序] -- wxss引用外部css文件及iconfont

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

小程序引入外部文件的方式是:

只需要在其css文件写上: @import "外部css地址.wxss";

因为项目需要, 小程序中需要使用iconfont , 很容易就想到了H5的引入方式:

@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1485242349767'); /* IE9*/
src: url('iconfont.eot?t=1485242349767#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('iconfont.woff?t=1485242349767') format('woff'), /* chrome, firefox */
url('iconfont.ttf?t=1485242349767') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('iconfont.svg?t=1485242349767#iconfont') format('svg'); /* iOS 4.1- */
}.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

因为此段css样式是通用的, 因此把它放在了css文件夹下: