Drupal: Ничего из CSS3 не будет работать в IE? Особенно веб-шрифты Google. этот код правильный?

В настоящее время я работаю над www.liganet.net, и он выглядит нормально в Chrome и Firefox. Но посмотрите на него с ЛЮБОЙ версией Internet Explorer... углы исчезают, все выглядит плохо. Особенно веб-шрифты Google. Я установил модуль Drupal «Google Fonts», чтобы мне было проще использовать шрифты Google. Но я думаю, что проблема не имеет ничего общего с Drupal.

Это код, который должен отображать заголовок страницы в формате веб-шрифтов:

.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, которые работают нормально, а те, которые связаны с веб-шрифтами, должны быть исправлены с помощью этих строк, добавленных в файл.

Но не получится...


person Rosamunda    schedule 12.08.2011    source источник
comment
У вас довольно много ошибок css (не говоря уже о нескольких ошибках HTML), которые стоило бы проверить и исправить. 41 ошибка CSS - Валидатор CSS W3C   -  person Sam Martin    schedule 13.08.2011


Ответы (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> из page.tpl.php и вуаля! Не только шрифты, но и все остальное работает (остальные вещи CSS3, которые до сих пор выглядели ужасно :)

В любом случае, я просто хотел опубликовать решение, на случай, если кто-то еще столкнется с этой проблемой.

person Rosamunda    schedule 13.08.2011