私は現在www.liganet.netに取り組んでいますが、ChromeとFirefoxでは問題ないようです。しかし、Internet Explorerのどのバージョンでもそれを見てください...丸みを帯びた角がなくなり、すべてが悪く見えます。特にGoogleWebfonts。Drupalモジュール「GoogleFonts」をインストールしたので、Googleフォントをより簡単に使用できます。しかし、問題はDrupalとは何の関係もないと思います。
これは、Webフォント形式でページタイトルを表示する必要があるコードです。
.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;}
したがって、これら3つのリンクは、タイトルの表示方法を定義する必要があります。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で機能するはずであることを確認しました、多分私は何かを忘れていますか?これについての助けやガイダンスを本当にいただければ幸いです。ありがとう!ロザムンダ
アップデート:
ご回答有難うございます!エラー、特にWebフォントに関連するエラーを理解しようとしました。あなたが親切に私に言ったサイト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モジュールに属しており、Webフォントに関連するエラーは、ファイルに追加された行で修正する必要があります。
しかし、それは機能しません...