プログラムデザイナーへの旅路プログラムデザイナーへの旅路@font-faceを使ってみた2018.09.09今日はやたらと連投しております!!色々メモしときたかった事が多いんですねぇ。これもその一つ!!ホント今更かよ感が凄いですが。Fontsにある英字のみでした。JP使ってくださいーと言われるようになり。普通にCSSでimportしてたのですが、もしかして違うんじゃね?と違和感を覚えました。上記の通り、普通に何も考えずインクルードしていたのですが、何か読み込み遅いなぁと思いつつも、こういうもんだ。JPにはウェイトが沢山あり、もしかするとこれを全部読み込んでいるからでは?と閃きます。いうのも、実際に使っているのはレギュラー(400)とボールド(700)くらいであり、その他のウェイトは特に必要ありません。上記のインクルードURLを確認してみると、やはり全ウェイトに対応しているようです。(内部的に全部読み込んでいるかは不明)これは直す価値があるのでは!?とりあえずやってみるそういった経緯があり、必要なウェイトだけを読み込めば、速度向上するのではないかと思い、早速試してみることに!!初font-faceでイマイチやり方が分かりませんでしたが、そんなに難しくはなかった。format('opentype');}srcにlocal(○○○)を入れることで、クライアントのローカルにフォントがあれば、それを利用する。いった意味があるそうです。試しにやってみようと思った程度でしたが、速度があがりました。ボクの推測が正しいのかどうかは不明ですが、少なくても今後はこの指定で良いかなぁと感じました。