ゆるふわめも

東京か京都にいます。

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

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

Stylebotを追加

Chrome拡張機能: Stylebot

以上を追加する。

CSSの設定

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

f:id:misos:20171007020603p:plain

CSSを適用

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

f:id:misos:20171007020852p:plain

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

以下は記述例:

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

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