Google Fontsは、さまざまなウェブサイトで使われている無料のフォントサービスですが、多くのフォントを同時に読み込むとページの読み込み速度に影響を及ぼす可能性があります。そのため、ページの読み込み速度を改善するための方法が求められています。
その一つが、Web Font Loaderの使用です。Web Font Loaderは、GoogleとTypekitが共同開発したJavaScriptライブラリで、非同期にウェブフォントを読み込むことができます。これにより、ウェブフォントの読み込みがページのレンダリングをブロックすることを防ぎ、読み込み速度を改善することができます。
以下は、Web Font Loaderを使用してGoogle Fontsを読み込む基本的な方法です。
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>
<script>
WebFont.load({
google: {
families: ['Droid Sans', 'Droid Serif']
}
});
</script>詳しくは以下の参考リンクをご覧ください。