11

Googleからカスタムフォントを読み込む場合、それらを最適化する方法が提供されます:https ://developers.google.com/webfonts/docs/getting_started#Optimizing_Requests

つまり、フォント全体をロードするのではなく、ヘッダーだけにカスタムフォントを使用している場合は、フォントのアルファベット全体をロードしないように、必要な文字を指定できます。ここまでは順調ですね。

ただし、この例では、フォントスタイルは1つだけです。2人でどうやってやるの?

たとえば、これを使用してフォントのスタイルにロードしています。

私が多くのテキストに使用する通常の400ですが、400italicは1つの短いヘッダーにのみ使用されます。

私が行った場合:

400全体と400italicの「サンプルヘッダー」だけをロードしますか、それとも何か他のことをしますか?

4

1 に答える 1

12

文字のサブセット化を行っていて、複数のフォントを 1 つの CSS リクエストに結合しようとしている場合、指定された文字は、すべてのフォント間で必要なすべての文字の結合である必要があります。

ここを見てください:http://jsbin.com/welcome/22005/edit

<link href="http://fonts.googleapis.com/css?family=Inconsolata|Skranji&text=ABCDHIJK" rel="stylesheet">

上記の2つのこと。2 つのフォント (Inconsolate と Skranji) を要求し、両方のフォントが文字 AK を提供するように指定しています。一方に AD のみが必要で、もう一方に HK が必要な場合は、上記を 2 つの異なる CSS リクエストに分割する必要があります。

于 2012-09-12T01:23:10.010 に答える