Closed tage-zh closed 6 years ago
刚才上传的文件里已经提供了 unicode 的版本了,你替换到你自己的项目吧
.icon-close47:before { content: "\e604"; } 我没有试 我觉得应该还是会有问题呢 应该下载的时候手动修改这个值,不过已经很感谢你了,至少找到问题所在了
实际上,只需要将 font-family 中指向的字体换成不一样的名称即可,例如你将 v-dialog 中样式中定义和引用的 iconfont 名称修改一个其它的名字,对于字体库的引用就不会产生冲突,插件后续的版本会将内置的 iconfont 字体名称修改成一个别的名称,以免发生你这种情况
点个赞,我也是个初学者 碰到这些问题真的很头疼啊
插件本身的名称不好改,或者你将你项目里的样式表里的 iconfont 这个名字换一个,就不会出现这个冲突了
我觉得换名称应该解决不到,我的理解才不管怎么用iconfont,不管是class还是其他方式,它都是找到对应的Unicode,然后根据Unicode去字体图标文件里面找到对应的图标,然后渲染到dom上,所以我认为这个Unicode不改,换名字也会冲突吧,不知道理解得对不对
不对
愿闻其详
换字体名字一定可以解决,请你先测试了再说
有外网可以看的地址?
在下面跳转至输入一个不存在的页码,点Go就会报错,然后在右上部分,我的图标就会被替换成X
所以你还是没理解和执行我前面给你的建议,你的页面里,那个三字型的图标,通过浏览器的 Dom 检查器获得,这个图标设置的样式是 iconfont hamburg
,说明你在具体使用图标的位置,名称并没有改,而你说改了。。。
你不仅要在把你项目里字体定义的部分
@font-face { font-family: "iconfont"; }
修改名称,例如修改为
@font-face { font-family: "my-iconfont"; }
并在你每个使用这些图标的位置 class="iconfont xxx"
这类的地方替换成 class="my-iconfont xxx"
当然,你的项目里也许有很多图标的引用,取舍问题由你自己决定
另一个方案是可以将插件的源码下载到项目中,修改样式的定义部分,这种方案比较合适,具体怎么弄,我没有时间再手把手教
最后一个方案,就是等插件更新版本
@TerryZ 受教了 谢谢了 非常感谢 学到不少
@tage-zh 默认的是 Font class,并不是 Unicode,这里应该要使用 Unicode 的方式生成才符合你的需求 download.zip
再说一个题外话,你的问题和需求,和这个 issues 的主题不是同个内容,你本应新建一个 issues 来说你的事情,现在题主莫明收了一大堆与其不相关的邮件提醒
我觉得不管怎么样生成,总会生成一个Unicode,只要有Unicode冲突,不管你使用什么方式 都会出现我这种情况