2012-02-23 11 views
10

Googleのフォントを上書きします:ローカルにインストールTTFは、私はGoogleのフォントからUbuntuのフォントを使用してい

<link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,300italic,400italic,500,500italic,700,700italic' rel='stylesheet' type='text/css' /> 

マイスタイルシート:

body { 
    font-family: 'ubuntu',arial; 
} 

それは動作しますが、場合は、同じ名前を持つフォントをインストールします( Ubuntu)、それはGoogle Fontsのものよりも優先されます。

ブラウザにGoogleフォントのフォントを強制的に使用させることはできますか?

答えて

11

答えはあなたのコードではなく、Googleのものです。

@font-face { 
    font-family: 'Ubuntu'; 
    font-style: normal; 
    font-weight: bold; 
    src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url('http://themes.googleusercontent.com/static/fonts/ubuntu/v4/0ihfXUL2emPh0ROJezvraLO3LdcAZYWl9Si6vvxL-qU.woff') format('woff'); 
} 

キーラインがここにlocal('Ubuntu Bold')で、可能な場合は、ローカルファイルをロードするように求められます。

は、ここでCSSあなたが要求しているの一部です。 最も簡単な解決策は、GoogleのすべてのCSSをコピーして自分のCSSに貼り付け、localの名前をたとえばlocal('Ubuntu Bold NonExisting Name or Something Else')に変更することです。そのようなフォントは存在せず、CSSによって読み込まれたフォントを置き換えません。

P.S.私はこれを自分自身でテストしていない。 0ihfXUL2emPh0ROJezvraLO3LdcAZYWl9Si6vvxL-qU.woff URLが期限切れになっている場合、あなたは厳しい状況にあります。フォントのライセンスを確認し、フォントを自分でホストすることを検討してください。

+3

なぜローカル( 'Something Nonexistant') 'に変更するのですか?地方自治体を取り除くだけで、なぜならそれは唯一の 'url('何でも ')だから? –

+3

このテクニック(存在しないフォント名を指定する)は、「スマイリー」方法の基礎となりました。その後、UTF-8文字の使用によってAndroidにいくつかのバグが発生し、その方法はもはや推奨されなくなりました。しかし、私は、このハックの理由があったと仮定します。可能であれば、一部のブラウザがローカルフォントを検出してロードしようとしました。 しかし、 'local()'を使わずに試し、すべてのブラウザで動作するかどうかを確認することは良い考えです。そうかもしれない。 –

+0

ありがとうございます。それは動作するようです。私は明日にもう少しテストを行い、この質問を更新します。私はマットのような地元の部分を省いた。 – Martin

関連する問題