スタイルシートを使って、Safariで表示しているページのフォントを変更する話です。
SafariStand の 「Site Alteration」機能を使ってサイトごとにフォントを変更してみようと思います。


2ちゃんねるなんかでは、よくAA（アスキーアート）が使われています。
しかしMacで見ると、ずれて見えることが多いです。

「ヒラギノ角ゴシックProW3」で表示したところ。



モナーフォント
IPAモナーフォント
で表示すると、Macでもだいたい綺麗に見えます。

「IPAモナーPゴシック」で表示したところ。





だからと言って、Safariの環境設定で 標準フォント を「IPAモナーPゴシック」に指定すると、他のサイトでは見づらくなってしまいます。

そこで2ちゃんねるのページを表示したときに、ユーザ定義のスタイルシートを使ってフォントを変更します。

/* フォントを変更する */ body{ font-family :'IPAMonaPGothic','ＭＳ Ｐゴシック',sans-serif !important; }

上記枠内をコピペして、テキストエディタなどを使って、「○○○.css」というファイル名で保存します。
ここでは「Mona.css」というファイル名にしてみます。

保存場所は
~/Library/Safari/Stand/UserStyleSheets/Mona.css
とします。


これで、フォントを変更したいページを開いておいて、
SafariStand Setting＞Site Alteration
で「追加」ボタンをクリックして、そのサイトを登録します。
「Match Pattern」を調整します。


「User StyleSheet Location:」の有効のチェックを入れて、先ほど保存した「Mona.css」を選択します。



Standメニュー＞Site Alteration を on にします。（「✓」が付いた状態）




これで、該当サイトのページを開くと、指定したフォントで表示されるようになります。
「IPAモナーPゴシック」フォントを優先するようにしたので、AAもこんな感じで見れます。

ドアラもちょっぴり綺麗に見えます。

2ちゃんねるの場合は、専ブラを使えばこんなことしなくてもいいんですが、とりあえず説明用に。



別のフォントにしたい場合は、スタイルシートの font-family を変更するだけです。

/* フォントを変更する */ body{ font-family :'フォントの名前' !important; }

「フォントの名前」のところに変更したいフォント名を正確に入力します。「,」で区切って第2、第3候補のフォントを指定できます。
（第1候補のフォントで表示できない文字の場合、第2、第3候補のフォントで表示します。）



この記事では SafariStand3.0L151 を使用しています。



（関連記事）
SafariStand(1) --- SafariStandの基本的な使い方の説明
SafariStand(2) --- SafariStandの環境設定の説明
SafariStand/ action_message --- SafariStandのaction_messageの使い方
SafariStand/ Bookmark Self にショートカット割当
SafariStand/ AppleScriptのソースを選択してScriptEditorで開く
SafariStand/ パスを選択してFinderでフォルダを開く

trackback URL