`font-family: inherit;`というCSSプロパティは、要素がその親要素から`font-family`の値を継承するように指定します。これは、特定の要素に対してフォントファミリーを明示的に設定しない場合に便利です。 CSSでは、多くのプロパティはデフォルトで親からの値を ...

CSSにおいて、レスポンシブ対応って本当に大変です。各種デバイスの画面サイズに合わせてブレイクポイントをいくつか設けて、レイアウト調整をしていきますが、同じブレイクポイントの中でも画面サイズによって意図しないレイアウトになったり、崩れ ...

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

I have an app which depends on text-underline-offset to render middle lines and underlines to text for English educational purposes. For English learners it is very important to have lines behind the ...

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

This repository demonstrates a common warning that occurs when using the underline class in Tailwind CSS. The warning arises when the parent element of the text doesn't have a text-class applied to it ...