2011-12-08 13 views
1

私はカスタムWordPressテーマをインストールしたばかりです(これはWordPressで初めての作業ですので、まだ多くのことを学んでいます)、ブログのフォントを作成する必要がありますGoogleウェブフォントである残りのウェブサイトのフォントと一致します。カスタムWordPressテーマにGoogle Webフォントを使用する

WordPressダッシュボードでカスタムテーマのスタイルシートエディタに行き、@import経由でフォントを追加しました。だから、現在のように見える:

/* Make all custom CSS changes BELOW this line 
-----------------------------------------------------------*/ 

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

body { font-family: Questrial, sans-serif; } 

しかし、それはブログのフォントを変更しませんでした。 Webフォントを正しく実装していないのですか?私が達成しようとしていることをやるためのより良い/他の方法がありますか?

ありがとうございました!

+0

を追加することができるCSSファイルの最上部にある@import文のですか? – JimmyPena

答えて

1

フォントを正しく実装しているようです。

Firebug for FirefoxやGoogle Chromeのデベロッパーツールなどのツールを使用して、HTTPリクエストがGoogle Fontsサーバーから正常に戻ってくるかどうかを確認してください。

CSSファイルが適切に読み込まれている場合は、CSS継承の問題がある可能性があります。カスケーディングスタイルシートの「カスケード」部分のために、重要度のリストの方が高いルールが存在する可能性があります。狩りをして見つけなければなりません。この場合もFirebugまたはChromeデベロッパーツールを使用することができます。

最も簡単な解決策は単純font-family: Questrial, sans-serif !important;

+0

!重要なことをやった!ありがとう、Eganr。 – marky

関連する問題