ワードプレスなどでHPのページを作成するときに文字のサイズやフォントの種類を変えたいけど変え方がわからないといったお問い合わせを最近多く頂いております。 今回の記事を読めばCSSを使用して文字のサイズやフォントの種類を変える方法がわかります ...

CSSの@font-faceで見慣れない構文があるなと思ったら、どうやら新しい構文がChrome, Edge, Safari, Firefoxの各ブラウザにサポートされていました。 CSSの@font-faceに使用する新しい構文の基礎知識と使い方を紹介します。 The new @font-face syntax by Ollie Williams 下記は各 ...

iOS, Android, macOS, Windows, Linuxの各最新OSにデフォルトでインストールされているフォントをCSSで使用するときに、font-familyにどのように定義するとよいのかが分かるModern Font Stacksを紹介します。 日本語フォントには残念ながら対応していませんが、英語フォント ...

CSS Gradient Generatorにアクセスすると以下のような画面が表示されます。 左側にグラデーション、右側にグラデーションの調整ツールとして「Colors (カラー)」「Color Mode (カラーモード)」「Precision (精度)」「Angle (アングル)」「Easing Curve (イーシングカーブ)」となっています。

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

Esta aplicación te permite crear gradientes de colores personalizados con dos colores y diferentes direcciones. Además, genera automáticamente el código CSS necesario para que puedas utilizarlo en tus ...

git clone https://github.com/ItsaMeTuni/css-gradient-animator.git cd css-gradient-animator/ npm install node ./gradientAnimator.js --name anim --gradients 0% "linear ...