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

Я сейчас работаю над www.liganet.net, и в Chrome и Firefox все выглядит нормально.Но посмотрите на это с ЛЮБОЙ версией Internet Explorer ... закругленные углы уходят, все выглядит плохо.Специально Google Webfonts.Я установил модуль Drupal "Google Fonts", чтобы я мог проще использовать Google Fonts.Но я думаю, что проблема не имеет ничего общего с 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, которые работают просто отлично, а те, что связаны с веб-шрифтами, должны быть исправлены с добавлением этих строк в файл.

Но это не сработает ...

1 Ответ

1 голос
/ 13 августа 2011

После долгих попыток и ошибок я обнаружил (весьма удивлённый), что проблема заключалась в самом модуле 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, которые до сих пор выглядели ужасно:)

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

...