11

Google Fontsの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）のフォントをインストールすると、GoogleFontsのフォントが上書きされます。

ブラウザにGoogleFontsのものを使用させることは可能ですか？

4

1 に答える 1

12

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

リクエストしているCSSの一部は次のとおりです。

@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')、可能であればローカルファイルをロードするように要求するです。最も簡単な解決策は、すべてのGoogleのCSSをコピーし、それを独自のCSSに貼り付けて、このlocal名前をたとえばに変更することlocal('Ubuntu Bold NonExisting Name or Something Else')です。そのようなフォントは存在せず、CSSによってロードされたフォントを置き換えません。

PS私はこれを自分でテストしていません。0ihfXUL2emPh0ROJezvraLO3LdcAZYWl9Si6vvxL-qU.woffURLの有効期限が切れている場合は、困難な状況にあります。ローカルオーバーライドを防ぐことが優先される場合は、フォントのライセンスを確認し、自分でフォントをホストすることを検討してください。

于 2012-02-23T19:59:51.157 に答える