当使用color: rgba(255,255,255,0.0);会同text-shadow: 0px 0px 2px rgba(255,255,255,1);时,Internet Explorer似乎继承了文字本身的文字阴影的透明度,导致阴影根本不出现.
JSFiddle示例(在IE中查看):http: //jsfiddle.net/495dZ/1/
是否有一种聪明的伪类技术可以解决这个问题?或者也许使用jQuery来实现类似的效果?
这是最奇怪的事情.我们在上面的页面上使用了两种网络字体及其不同的权重:Benton Sans和Jubilat,我们都有许可证.h2("有兴趣加入米歇尔?""已经是迈克尔代表?")将成为Jubilat Regular,并在Firefox中正常显示; 然而,h1("欢迎!")是Jubilat Light,并且出现在Times New Roman中.
两个权重都是使用Font Squirrel生成的.两者都托管在同一台服务器上.两者都以相同的方式编码.我重新上传了这些文件.我试过,如果IE所以FF不尝试使用.eot.在你说之前:是的,我尝试过防弹.
当Light没有时,为什么常规会出现?我想知道我是不是使用了正确的CSS组合.
@font-face {
font-family: 'JubilatLight';
src: url('https://bc.miche.com/FileUploads/CMS/Documents/jubilatlightwebfont.eot');
src: url('https://bc.miche.com/FileUploads/CMS/Documents/jubilatlightwebfont.eot?#iefix') format('embedded-opentype'),
url('https://bc.miche.com/FileUploads/CMS/Documents/jubilatlightwebfont.woff') format('woff'),
url('https://bc.miche.com/FileUploads/CMS/Documents/jubilatlightwebfont.ttf') format('truetype'),
url('https://bc.miche.com/FileUploads/CMS/Documents/jubilatlightwebfont.svg#JubilatLight') format('svg');
font-weight: normal;
font-style: normal;
}
#main-container h1.jubilat {
font-family: "JubilatLight";
font-weight: normal;
font-size: 40px;
color: #701271;
text-align: center;
}
Run Code Online (Sandbox Code Playgroud)