我在我的网站上使用 IcoMoon 图标,虽然它们在所有现代浏览器中都能完美运行,但在Internet Explorer 7 中根本无法使用,并且在Internet Explorer 8 中显示为小框。除了字体的相对路径外,来自IcoMoon的CSS如下:
@font-face {
font-family: 'icomoon';
src:url ('../fonts/icomoon.eot');
src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('../fonts/icomoon.woff') format('woff'),
url('../fonts/icomoon.ttf') format('truetype'),
url('../fonts/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-variant:normal;
}
Run Code Online (Sandbox Code Playgroud)
我正在使用 data-icon 属性(例如<li data-icon=""><a href,等)在我的导航中显示图标。
可能是什么问题?
css haslayout font-face internet-explorer-8 internet-explorer-7