【发布时间】：2011-08-14 12:23:52
【问题描述】：
我目前正在研究 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 中运行，也许我忘记了什么？ 我真的很感激对此的一些帮助或指导。 谢谢！ 蔷薇
更新：
感谢您的回答！ 我试图理解错误，特别是与 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 相关的错误应该通过添加到文件中的这些行来修复。
但它不会工作......
【问题讨论】：
-
你有相当多的 css 错误（更不用说一些 HTML 错误），值得检查和修复。 41 CSS Errors - W3C CSS Validator
标签： internet-explorer css webfonts