字符图标显示为框框

来源：17-16 cartcontrol组件（2）

littlefire

2018-07-27

老师，你好，我的字符图标显示不正常

我在icon.styl里面引用方式为

@font-face {

font-family: 'sell-icon';

src: url('/src/common/fonts/sell-icon.eot?o23a15');

src: url('/src/common/fonts/sell-icon.eot?o23a15#iefix') format('embedded-opentype'),

url('/src/common/fonts/sell-icon.ttf?o23a15') format('truetype'),

url('/src/common/fonts/sell-icon.woff?o23a15') format('woff'),

url('/src/common/fonts/sell-icon.svg?o23a15#sell-icon') format('svg');

font-weight: normal;

font-style: normal;

}

路径应该是load了，但不知道图标为啥不对。图标文件不是我自己制作的，是从慕课网里面资料拷贝过来的。谢谢

写回答

2回答

littlefire

提问者

2018-07-27

我用

@font-face

font-family: 'sell-icon'

src: url('../fonts/sell-icon.eot?a41aar')

src: url('../fonts/sell-icon.eot?a41aar#iefix') format('embedded-opentype'),

url('../fonts/sell-icon.ttf?a41aar') format('truetype'),

url('../fonts/sell-icon.woff?a41aar') format('woff'),

url('../fonts/sell-icon.svg?a41aar#sell-icon') format('svg')

font-weight: normal

font-style: normal

却报如下错误：

//img.mukewang.com/szimg/5b5ad18b00015e5a16460788.jpg

明明路径是对的，为啥报说找不到

littlefire

问题解决了，我的当前路径怎么跑到goods.vue目录了？路径修改如下： src: url('../../common/fonts/sell-icon.eot?a41aar');

2018-07-27

共1条回复

ustbhuangyi

2018-07-27

确认一下请求地址是否正确

Vue.js2.5+cube-ui重构饿了么App（经典再升级）

掌握Vue1.0到2.0再到2.5最全版本应用与迭代，打造极致流畅的WebApp

9868 学习 · 4162 问题

查看课程

相似问题

图标显示一个方框

回答 3

用伪类写的边框和用border写的边框都是1px啊，怎么就不一样了

回答 1

为什么字体图标用了<i>标签但不会显示倾斜效果呢

回答 1

为什么要用background-image属性而不是<img>标签？

回答 2

移动端里面v-html解析一条数据里面的图片移动端不显示？

回答 2

打开慕课网App查看更多内容