ブラウザでドメインごとにユーザーが定義したCSSを使う

twitterやredditを指定したフォントでみたい、ページごとにCSSが変わるのを防ぎたい需要が個人的にある。

Stylebotを追加

Chrome拡張機能: Stylebot

以上を追加する。

CSSの設定

[Option]→[Edit CSS]を選択。

CSSを適用

CSSを適用したいページでアイコンから[Open Stylebot]を選択し、適用したいCSSを記入。そのあと[Save]を押せば適用。

googleが提供するwebフォントを利用する場合、つまりPC上にあらかじめダウンロードしたフォントがない場合はimportを冒頭に書けば利用できる。便利！

以下は記述例：

@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);

body {
    font-family: "Rounded Mplus 1c";
}