Question

我目前正在www.liganet.net上工作，它在Chrome和Firefox中看起来不错。但是看看它有任何Internet Explorer版本......圆角消失，一切看起来都很糟糕。特别是Google Webfonts。我已经安装了Drupal模块“Google Fonts”，因此我可以更轻松地使用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);

我checked out所有代码都应该在IE中运行，也许我忘了什么？我真的很感激这方面的一些帮助或指导。谢谢！ Rosamunda

更新：

感谢您的回答！我试图理解错误，特别是与webfonts相关的错误。您善意告诉我的网站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相关的错误应该通过添加到文件中的那些行来修复。

但它不起作用......

Answer 1

经过大量的尝试和错误，我发现（非常惊讶）问题是Google Fonts模块本身。是。我已经卸载了它，然后转到http://www.google.com/webfonts，选择了我想要使用的字体，并快速复制/粘贴了Google给我的单行代码。仅供参考，这就是这条线：

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

我把它放在<head>的{{1}}内，然后瞧！不仅是字体，还有其他一切都在工作（其他CSS3的东西到目前为止看起来很可怕:) :( / p>

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

Drupal：没有什么CSS3不能在IE上运行？特别是Google webfonts。这段代码是否正确？

1 个答案: