#WebサイトにCSSを書くとき、font-familyをどうするか問題。そこに銀の弾丸はない。サイト側がfont-familyを設定するのは装飾的な要素のフォントを使うとき以外はエゴだと思ってる。いってレガシーめなブラウザだとあまり美しくないフォントがデフォルトになってることもまだあるので、やはりfont-familyをある程度設定されるのは今のところは仕方ないと思ってる。#そもそもだ、あまり読みやすさにこだわってるサイトはそんな多くない気がする。そこで、もういっそ俺の好きなフォント設定で読ませやがれ、と思ってStylishで殴りつける方法で解決することにした。註:Stylish:ユーザー側でスタイルシートを設定できるブラウザ拡張。#以下のフォントを使ってるのでまんま使うならインストールしておいてください。SansHaskligNasu完全に個人的な趣味。Sansを使って、日本語は源真ゴシック。コーディングフォントはまだ納得行ってないけど今のところ良く使ってる構成で。いう和英混植の場合の英字フォントを先に指定して、優先させるハックは好みのフォントを設定しやすいので好き。好きなフォントがあって使いたかったら適宜CSSを修正してください。#コード表示まわりはいろいろややこしかったりするんですが、上手いこと全称セレクタとか:notセレクタとかで回避したつもりです。対応しきれない場合があります(特にアイコンフォント)。行がぴっしりそろうように、スペースで単語を区切らない日本語を逆手にとったtext-align:justifyハックしてます。故に、日本語だけのときはいいんですが、長めのアルファベットが連続した場合、行の表示が変になることがあります。#頭の部分にコメントアウトしてあるけど、開発するときは当たってほしくないので正規表現でサイトを指定。Stylish側の設定が「正規表現がマッチするサイト」という形なので、正規表現は設定したドメインを「含まないもの」にしておく。#一番いいのは、既存のフォントを元に自分の好きなフォントを組み合わせてつくれたら良いんだけど。forge使ってやろうとしたけどリガチャ回りとか上手くいかず挫折。そのうちまたチャレンジする。次に良いのはブラウザ側の標準機能で、英字フォントはこれ、和文にはこれ、monospaceだったらこれ、みたいにできればいい(現状ある程度は細かくできるけど)。これだと冒頭で言ったようにサイト側のCSSに設定されてるとアウトなので痛し痒し。これが「font-familyの決定版!」とか言うのにエゴだと良いたくなる元凶。作ったサイトをあまり美しくないフォントで見られるのはたまらねえ、って意見もわからなくない。それこそがエゴなんだけど。そんなことを言う前にletter-spacingとline-heightを追いこめ(上記設定でどちらにも触れてないのは、一律にStylishで汎用的に上書きするのが難しかったため、妥協した)。OSのデフォルトフォントと、ブラウザのデフォルトフォントと、捨てられない下方互換が生んだ膿なんだろうなぁ。ブラウザのデフォルトフォント問題はそのうち解決されそう。サイト側のCSS最適解がfont-family:sans-serif;だけになるのもそう遠くない日だろう。