– 美しいタイポグラフィでWebサイトの印象を劇的に変える技術 はじめに：Webフォントとは？ Webフォント（Web Fonts）とは、ユーザーのローカルPCに依存せず、Webページに埋め込むことで好きなフォントを表示できる仕組みです。 注意：ページ読み込みが遅く ...

CSS の「font-family」の指定に関しては、検索すると2017年版とか2018年版とかたくさん出てきますが、なんとなくコピペではなく、自分で納得がいくように調べてみました。 結論から言うと、「なかなか難しい」です。 適度に見直しが必要だと感じました。

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

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

Lets admit that it is very tedious job to manually generate @font-face CSS rules with corret URL sources for a given font files stored in local project directory. In order to apply fonts across all ...

With the latest versions of Safari, Firefox, Opera and Google Chrome all supporting CSS's new @font-face rule, you might think web designers everywhere would be rushing to add fancy fonts to their ...

It does not convert fonts to different formats, but only generates a CSS file with the font name @font-face and its parameters: font-family, font-style, font-weight. del - will delete the "fonts.css" ...