Internet explorer Drupal:CSS3没有赢得任何东西´;你不在IE上工作吗?特别是谷歌网页字体。这个代码正确吗?

Internet explorer Drupal:CSS3没有赢得任何东西´;你不在IE上工作吗?特别是谷歌网页字体。这个代码正确吗?,internet-explorer,css,webfonts,Internet Explorer,Css,Webfonts,我目前正在www.liganet.net上工作,在Chrome和Firefox上看起来还不错。 但看看它与任何Internet Explorer版本。。。圆角消失了,一切看起来都很糟糕。特别是谷歌网页字体。 我已经安装了Drupal模块“Google字体”,因此我可以更轻松地使用Google字体。 但我认为这个问题与Drupal无关 这是应使用webfonts格式显示页面标题的代码: .logo-1 {font-family:delius; font-size:18pt; margin-top:

我目前正在www.liganet.net上工作,在Chrome和Firefox上看起来还不错。 但看看它与任何Internet Explorer版本。。。圆角消失了,一切看起来都很糟糕。特别是谷歌网页字体。 我已经安装了Drupal模块“Google字体”,因此我可以更轻松地使用Google字体。 但我认为这个问题与Drupal无关

这是应使用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不会显示谷歌字体

这里有一些圆形的边框、阴影和丝带,它们根本不会出现

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中工作,也许我忘记了什么? 我真的很想得到一些帮助或指导。 谢谢 罗莎蒙达

更新:

谢谢你的回答! 我试图理解这些错误,特别是那些与webfonts相关的错误。 您好心告诉我的网站告诉我,代码应该是:

@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相关的错误应该通过添加到文件中的这些行来修复


但是它不起作用……

经过多次尝试和错误,我发现(非常惊讶)问题出在谷歌字体模块本身。 对我卸载了它,然后转到,选择了我想要使用的字体,并快速复制/粘贴了谷歌给我的一行代码。 仅供参考,这是一条线:

<link href='http://fonts.googleapis.com/css?family=Abel|Delius|Chewy|Rokkitt:400,700|Coustard' rel='stylesheet' type='text/css'>

我把它放在
page.tpl.php的
中,瞧! 不仅是字体,其他一切都正常工作(到目前为止,CSS3的其他东西看起来很糟糕:)


无论如何,我只是想发布解决方案,以防其他人遇到这个问题。

经过多次尝试和错误,我发现(非常惊讶)问题出在谷歌字体模块本身。 对我卸载了它,然后转到,选择了我想要使用的字体,并快速复制/粘贴了谷歌给我的一行代码。 仅供参考,这是一条线:

<link href='http://fonts.googleapis.com/css?family=Abel|Delius|Chewy|Rokkitt:400,700|Coustard' rel='stylesheet' type='text/css'>

我把它放在
page.tpl.php的
中,瞧! 不仅是字体,其他一切都正常工作(到目前为止,CSS3的其他东西看起来很糟糕:)


无论如何,我只是想发布解决方案,以防其他人碰到这个问题。

您有很多css错误(更不用说一些HTML错误),值得检查和修复。您有很多css错误(更不用说一些HTML错误)值得检查和修复。