定义变量的文件style.css
$icomoon-font-family: "iconfont" !default;
/ #ifndef MP-WEIXIN /
$icomoon-font-path: "https://app.xxx.com/h5/static/fonts" !default;
/ #endif /
/ #ifdef MP-WEIXIN /
$icomoon-font-path: "@/static/fonts" !default;
/ #endif /
style.css文件应用变量
@import "variables";
/ 在线链接服务仅供平台体验和调试使用,平台不承诺服务的稳定性,企业客户需下载字体包自行发布使用并做好备份。 /
@font-face {
font-family:'#{$icomoon-font-family}'; / Project id 4166472 /
src: url('#{$icomoon-font-path}/iconfont.woff2') format('woff2'),
url('#{$icomoon-font-path}/iconfont.woff') format('woff'),
url('#{$icomoon-font-path}/iconfont.ttf') format('truetype');
}
微信小程序中编译后的代码
@font-face{font-family:iconfont;src:url(https://app.xxx.com/h5/static/fonts/iconfont.woff2) format("woff2"),url(https://app.xxx.com/h5/static/fonts/iconfont.woff) format("woff"),url(https://app.xxx.com/h5/static/fonts/iconfont.ttf) format("truetype")}
0 个回复