Obsidian の CSS スニペット作ってみました。ついつい、フォントを変更する旅に入ってしまい、源ノ角ゴシックを使ったりすることになりました。せっかく Thin な細めのフォントが選択できるのに、Minimal のテーマでは標準的な太さの文字利用を強制されます。

Webサイトのデザインにおいて、フォント（書体）は見た目の印象や情報の伝わりやすさを大きく左右する重要な要素です。読みにくいフォントやデザインに合わないフォントは、訪問者の離脱を招く可能性があります。CSSの font-family プロパティは、Webページ ...

Craig Buckler氏がSitePointにおいてHow to Use Operating System Styles in CSSのタイトルのもと、CSS 2.1のあまり知られていない機能のひとつとして、OSテーマのフォントとカラーを使う方法を紹介している。よりOSに統合されたページを作成する場合に便利な方法だと説明がある ...

「カラーフォント」とは、日常的に使っている絵文字などを含む、カラーを指定されたフォントです。一方でその他の色のないフォントは1色のみを使用した単純なもので、テキストエディタ等の機能で操作することで別の色に変えることができるのみ。

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

ブラウザにはユーザーが設定できるデフォルトのフォントサイズがある。多くのブラウザでは初期値が16pxだが、ユーザーがアクセシビリティ等の理由で変更している場合がある。例えばChromiumでは設定画面から「極大」を選択すると24pxになる。 課題 単純な ...