カッコいいし、簡単に設定できるけど遅い Google Fonts

ここで、楽々Google Fonts使用〜と適用したら、描写がめちゃめちゃ遅くなった。特に、スマホ。これは使えん！と、いろいろ調べてみる。

nginx 専用だよー

フォントダウンロードするよ!

まず、ここから、フォントそのものをダウンロードする。自分は、Noto Sans Japaneseを使うよ!

fonts ってディレクトリを作成して、解凍したファイルを全部アップするよ!

//fonts.gstatic.com/ea/notosansjapanese/v5/

を

./font/

に置換するよ!パスは各自調整してね! notosansjapanese.css をサーバにアップしてね!

/* @import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css); */
@import url(./notosansjapanese.css);

とかするよ!

font/ttf                      ttf;
font/opentype                 otf;
application/font-woff         woff;
application/vnd.ms-fontobject eot;

eotが既にある場合は、サクッと削除してね!

gzip_types [...] font/ttf font/opentype application/vnd.ms-fontobject;

location ~* \.(eot|ttf|woff)$ {
    expires 1y;
    log_not_found off;
}

nginx -t

で、一応設定を確認して、リスタートしてね!

気持ち早くなったような。

間違えていたら、コメントをくださーい。