ある案件で、Googleフォントの「Noto Sans JP」をCDNで読み込んだら結構通信が重かったので、ローカルに置いて読み込むことにしました。 各フォントのページにてダウンロード。 2．フォントファイルをローカルに設置 ソースファイル内の任意のフォルダに設置。

CSS-Tricksにフォントをアイコンとして利用する面白いCSSテクニックが紹介されている。記事では「アイコンフォント」と称されており、フォントにはFicoが使用されている。「アイコンフォント」はフォントとして作成されたアイコンデータをCSSの@font-faceを ...

【初心者向け】日本語フォントをWebサイトに設定する方法 Webで使いたいフォントを自分で用意して表示しよう！ はじめに Webサイトに個性的なフォントを使いたいと思ったことはありませんか？ 今回は、自分でダウンロードした日本語フォントファイル（TTF ...

CSSには便利な単位がたくさんあります。よく使用する単位として絶対単位（pxなど）や相対単位（em, rem, %など）をはじめ、Gridの単位（fr）やビューポート単位（vw, vhなど）があります。いくつかの単位は使う場所が限られていますが、複数もしくはどこにで ...