为什么在火狐浏览器里箭头就变样子了,这个箭头已经包含了火狐的兼容啊,我用360没有问题
来源:1-4 下拉箭头的实现(2)
慕妹2075046
2019-08-09 09:04:18
/* 箭头第二种方法:图标字体文件引入 */
/* 下载所需图标的css代码复制到css中,将其classname添加到HTML */
@font-face {font-family: "iconfont";
src: url('font/iconfont.eot?t=1564927555374'); /* IE9 */
src: url('font/iconfont.eot?t=1564927555374#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('font/data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAKEAAsAAAAABjgAAAI5AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcApAXwE2AiQDCAsGAAQgBYRtBzEbhgURBUTJPg7jZm50hcbO4Fo0oWr893j4HCvfT3IEoG4qCVn4rQJWJBwJU1ejWbKu7W5Nx3CPMRGqS/Z861n+R77d6aUp4zxOowwIuTX4xL3TPwookPmAchlj0FiTJnUBdXEgBbgXtslKKOOGsQte4HkCjUYti83Z7sPqFfa0QNyurl1QX/ArCkvVC7UNa4t4rkZ9epBueBZ9P/5aiXqSmsyu2H91y2Xrf3Q6GblSrTgdEAIEtLkGGcsoxOHG+F5ZMFbWGC8mOVZp8KOzWg1s4qhmwf46u7gZDMNE8KPTmypAgsfqqxP9k55AdF56uHj0xd33j3qOHHv56G2l+/Cb/9+B9t//9fDm4dc/bPXbWFgMtFsP/SxPpVGBYNvoh3vn2lb/q18V8OlO3abIVAxzUr8PR/AvpANbiiG3ralo0sbOpPMcVY0aUYXdnb5PNfScOB3q9Uxw1hnJkNWbJgtzGTWarEKteuk6NFqSb27ShS1FacCiC0Bod0XS6iOydneyMB+o0euPWu2xRKOj0bVnk9mo1CZGLejAnKGy1HvXLiouXWMxtZrz8oi9Rx6rEMRBVE7l2CMvsWA8FImIB8/UQQYuw7YlGJhqtBKUIkMahr7pTYGlbqZswpAmkAOMM1CxSM8H3YWqfH4NFSYtjTua6oJ7iI2qwUEsEA0gc00/qOlRrhkdFBJCeMBjpAMyMAq1WgQMzaNqyBKBckJ0kAqddn6oJthe1/3dHmhkG1M4Q7O6m5XuhabZDAA=') format('woff2'),
url('font/iconfont.woff?t=1564927555374') format('woff'),
url('font/iconfont.ttf?t=1564927555374') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('font/iconfont.svg?t=1564927555374#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family: "iconfont" !important;
font-size: 14px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-jiantou:before {
content: "\e612";
}
.dropdown-arrow{
display:inline-block;
/* 因为icon的引入字体引入,为了防止箭头继承父元素的宽高,可以修改line-height */
line-height:1px;
}
1回答
同学你好,
在火狐上面显示的是类似于这样的形式吗?

如果是的话,是因为我们使用到的矢量图形文件封装于svg文件中,所遇到的问题是火狐浏览器对于该svg文件解析存在问题。
建议同学可以使用支持的浏览器测试。
如果帮助到了你,欢迎采纳~祝学习愉快~
相似问题