1

我目前正在研究 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);

已经检查了所有代码都应该在 IE 中工作,也许我忘记了什么?我真的很感激对此的一些帮助或指导。谢谢!罗莎蒙达

更新:

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

但它不会工作...

4

1 回答 1

1

经过大量尝试和错误后,我发现(非常惊讶)问题出在 Google 字体模块本身。是的。我已经卸载了它,然后访问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>page.tpl.php瞧!不仅是字体,其他一切都在工作(到目前为止,其他 CSS3 的东西看起来很糟糕 :)

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

于 2011-08-13T14:33:12.147 回答