sco*_*les 8 css internet-explorer-9 font-awesome
我在下面
<i class="icon-remove"></i>
Run Code Online (Sandbox Code Playgroud)
它在firefox,chrome,IE 8上正确显示关闭图标,但在IE9上没有显示.
这是font-awesome.css
@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot');
src: url('webfont.eot?#iefix') format('embedded-opentype'),
url('webfont.woff') format('woff'),
url('webfont.ttf') format('truetype'),
url('webfont.svg#svgFontName') format('svg');
}
Run Code Online (Sandbox Code Playgroud)
奇怪的是,它适用于一个客户端系统,具有完全相同版本的IE9和Windows 7操作系统,但不适用于其他客户端系统.使用tomcat作为webserver.
有什么帮助/建议在这里发生?
lab*_*toy -1
IE 将使用最后一个“src: url”,并且由于正则表达式错误(空格变为 %20)而无法理解多个参数。尝试这个:
@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot');
src: local('webfont.woff'),
url('webfont.woff') format('woff'),
url('webfont.ttf') format('truetype'),
url('webfont.svg#svgFontName') format('svg');
}
Run Code Online (Sandbox Code Playgroud)
(来源:http ://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/ )