使用vue-cli 生成的webpack 项目,使用scss引入字体文件"eot、svg、ttf、woff",在运行项目的时候会

Wessonlu 2017-03-15 05:38:30
如图所示这是我的项目结构


@font-face {
font-family: 'sellicon';
src: url('../fonts/sellicon.eot?o1fbpm');
src: url('../fonts/sellicon.eot?o1fbpm#iefix') format('embedded-opentype'),
url('../fonts/sellicon.ttf?o1fbpm') format('truetype'),
url('../fonts/sellicon.woff?o1fbpm') format('woff'),
url('../fonts/sellicon.svg?o1fbpm#sellicon') format('svg');
font-weight: normal;
font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'sellicon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-add_circle:before {
content: "\e900";
}
.icon-arrow_lift:before {
content: "\e901";
}
.icon-check_circle:before {
content: "\e902";
}
.icon-close:before {
content: "\e903";
}
.icon-favorite:before {
content: "\e904";
}
.icon-keyboard_arrow_right:before {
content: "\e905";
}
.icon-remove_circle_outline:before {
content: "\e906";
}
.icon-shopping_cart:before {
content: "\e907";
}
.icon-thumb_down:before {
content: "\e908";
}
.icon-thumb_up:before {
content: "\e909";
}



这是我引入字体的文件
这是出现报错的地方
...全文
1534 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
weixin_44137098 2018-12-19
  • 打赏
  • 举报
回复
build->webpack.base.conf.js中也找到了woff2、eot、ttf、otf,webpack中配置的是url-loader,然而在icon-font.scss中却写的是url,只要都改成url-loader就可以了。 这么写就对了: @font-face font-family: "sellicon" src: url-loader('../fonts/sell-icon.eot?k5xf13') /* IE9*/ src: url-loader('../fonts/sell-icon.eot?k5xf13#iefix') format('embedded-opentype'), /* IE6-IE8 */ url-loader('../fonts/sell-icon.woff?k5xf13') format('woff'), url-loader('../fonts/sell-icon.ttf?tk5xf13') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url-loader('../fonts/sell-icon.svg?k5xf13#sellicon') format('svg') /* iOS 4.1- */ font-weight: normal font-style:normal
  • 打赏
  • 举报
回复
请问现在解决了没 你是怎么解决的?????????????

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧