3

私はGoogleFontsを初めて使用します。GoogleからこのURLを取得しました：

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

私の質問は、私が選択したさまざまなフォントをどのように使用するかです。ご覧のとおり、Ubuntu Normal 400、Ubuntu Normal 400イタリック、Ubuntu Bold 700、Ubuntu700イタリックです。

私はすべてを試しましたが、プレーンな「Ubuntu」しか使用できません。

助けてください！

4

3 に答える 3

7

これは、これのイタリックバージョンを使用している私です：http：//jsfiddle.net/6wzuy/

font-family:ubuntu;
font-style:italic;
font-weight: 700;

テクニックはCSSフォントスタイルのプロパティを使用することです

于 2013-01-03T02:28:21.223 に答える
2 
font-family: 'Ubuntu', Arial, serif; font-weight: 700;

編集：意図したとおりに機能させるには、斜体と太字の別々のフォントライブラリを含める必要があります。

イタリックバージョンとボールドバージョンを含めない場合、ブラウザは補正を試みますが、おそらく非常に貧弱な仕事をします。これについての詳細は、このListApartの記事を参照してください。

フォントにフォントスタイルを追加する場合は、常にフォントスタイルを追加して、ドキュメントで指定してください。特に大きなセリフフォントでは、大きな違いを生む可能性があります。

于 2013-01-03T02:28:29.110 に答える
2

使用するGoogleコードは、通常、斜体、太字、および太字の斜体（特定のフォント）をフォント（フォントファミリ）「Ubuntu」のメンバーとして宣言します。これは、通常のフォントを使用する場合と同じように、斜体と太字を使用することを意味します。

を使用font-style: italicして、斜体の書体を要求しfont-weight: boldたり、（または同等にfont-weight: 700）太字を要求したりできます。多くのHTML要素は、デフォルトでイタリックまたはボールドを意味することに注意してください。たとえばh1、、、strongおよびth要素はを意味しfont-weight: boldます。

@font-face各書体が独自のフォントファミリとして宣言されるように使用する方法は他にもあります。FotSquirrelはそれを行います。しかし、Googleによって適用されるアプローチは、より論理的であり、フォントがHTMLおよびCSSで一般的に使用される方法と互換性があります。

于 2013-01-03T11:33:33.973 に答える