德鲁帕尔: CSS3的任何东西都不能在IE上工作吗？特别是谷歌网络字体。这个代码正确吗？
我目前正在开发www.liganet.net，它在Chrome和火狐中看起来还不错。但是看看任何it版本..。圆角消失了，一切看起来都很糟糕。特别是谷歌的网页。我已经安装了Drupal模块"Google字体“，这样我就可以更容易地使用Google字体。但我认为这个问题与德鲁帕尔无关。
这是应该用webfonts格式显示页面标题的代码：
.logo-1 {font-family:delius; font-size:18pt; margin-top:-35px;}
.logo-2 {font-family:chewy; font-size:44pt; margin-top:-25px; color:#133793;}
.logo-3 {font-family:delius; font-size:19pt; margin-top:-26px; text-align:right;}所以这三个链接应该定义标题显示的方式。IE不会显示google的字体。
这里有一些圆形的边框，阴影和丝带，根本不会出现！
border: 1px solid #6487DC;
*border-top: 1px solid #6487DC;
*border-bottom: 1px solid #6487DC;
-moz-border-radius: 10px 10px 10px 10px; /* FF1+ */
-webkit-border-radius: 10px 10px 10px 10px; /* Saf3+, Chrome */
border-radius: 10px 10px 10px 10px; /* Opera 10.5, IE 9 */
-moz-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
-webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
-o-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
box-shadow:2px 2px 0 rgba(0,0,0,0.1);我已经退房所有的代码应该在IE中工作，也许我忘记了什么？我非常感谢在这方面提供一些帮助或指导。谢谢!罗萨蒙达
更新：
谢谢你的回答！我试着去理解这些错误，特别是那些与网络字体有关的错误。您友好地告诉我的http://jigsaw.w3.org站点告诉我，代码应该说：
@font-face {
font-family : "'Abel'";
font-style : normal;
font-weight : normal;
src : local('Abel'), local('Abel-Regular'), url('http://themes.googleusercontent.com/static/fonts/abel/v1/N59kklKPso9WzbZH9jwJSg.ttf') format('truetype');
}但是，在我的.css文件中更改了它之后，它就不能工作了。许多错误属于工作正常的Drupal模块，与webfonts相关的错误应该通过添加到文件中的行来修复。
但这不管用.
回答 1
Stack Overflow用户
发布于 2011-08-13 14:33:12
经过多次尝试和错误后，我发现(相当令人惊讶)问题是谷歌字体模块本身。是。我已经卸载了它，然后转到http://www.google.com/webfonts，选择了我想要使用的字体，并快速复制/粘贴了谷歌给我的一行代码。FYI，这句话是：
<link href='http://fonts.googleapis.com/css?family=Abel|Delius|Chewy|Rokkitt:400,700|Coustard' rel='stylesheet' type='text/css'>我把它放进了<head> of page.tpl.php和voil！不仅字体，而且所有其他东西都正常工作(直到现在为止，其他的CSS3东西看起来都很糟糕:)
总之，我只是想贴出解决方案，以防其他人碰到这个问题。
https://stackoverflow.com/questions/7046641
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号