2

私は自分のウェブサイトhttp://ryanscowles.comでGoogleWebFontsを使用しています。数日前まで、彼らはうまく働いていました。CSSのフォントを変更しませんでしたが、機能しなくなりました。私はもともとそれらを次のように呼んでいました：

@import url("http://fonts.googleapis.com/css?family=Enriqueta:700|Actor");

しかし、テストの目的で、私は現在、それらを個別にインポートしようとしています。

@import url(http://fonts.googleapis.com/css?family=Enriqueta:400,700);
@import url(http://fonts.googleapis.com/css?family=Actor);

どちらも読み込まれていないようで、Chromeのウェブインスペクターではフォントを適用するスタイルに取り消し線が引かれているようです。たとえば、h1左上のはEnriquetaフォントである必要があります。

何か案は？

4

2 に答える 2

3

@import問題は、ルールの前にコメントがあることだと思います。ルールはスタイルシートの他の@importすべてのコンテンツの前に来る必要があり、これにはコメントが含まれていると思います。

ただし@import、Google Web Fontsには使用しないことをお勧めしますlink。代わりに、次のような方法を使用してみてください。

<link href='//fonts.googleapis.com/css?family=Enriqueta:400,700' rel='stylesheet' type='text/css'>

これは、ページにスタイルシートを追加するためのより高速で信頼性の高い方法です。詳細については、この記事を参照してください：@importを使用しないでください。

于 2013-03-13T18:55:46.147 に答える
0

//fonts.googleapis.com...代わりに使用してくださいhttp://fonts.googleapis.com...-私のために役立ちました。

于 2020-11-02T19:13:24.147 に答える