TweetDeck(Web版)のフォントを変える(Chrome)

カテゴリ：HTML/CSS/JS 投稿日：2016年4月24日

この記事は古いです。というかそもそもこれで困ってるなら多分Chromeの設定でデフォルトのフォント変えたほうがいいと思う。

お久しぶりです｡このサイトの管理人はOSⅩは持ってないので､Windowsのお話です｡
WindowsではWeb版TweetDeckを利用します(この間サポート終了)｡URLは:https://tweetdeck.twitter.com

見てみたもののこれはひどい･･･フォントがえぐい･･･MSのデフォルトフォントだ･･･(MS明朝とかMSゴシック)
せめてメイリオなら･･･WebフォントでNoto Sansにしてもいいかも♪

ChromeならTweetDeck開いてF12押してElementsを選択。

そして…部分の左の▼を押して展開(スクリーンショットオレンジ線部分)

そのあと

を展開

右クリックしてEdit Textを選択すると展開部分が青く選択された状態になるので末端をクリックするか←キーを押してカーソル位置を最初に

そして

body{font-family: Meiryo;}

と追加してEnterキーを押すと・・・

無事フォントがメイリオになりました!!
やっぱりWindowsのフォントならメイリオですよね～Mac/iOSならヒラギノ角ゴですが。Cutlsは全ページにおいてMeiryo(メイリオ)とHiragino Kaku Gothic Pro(ヒラギノ角ゴPro)を標準フォントにしています。Androidに関してはデフォルトのフォントで十分ですのであえて指定しません。もしAndroid 6.0以降のシェアが7割を超えたらNotoを指定する予定です。

ところで、これ、面倒なのでChrome拡張機能化しました。さすがに金を払ってストアに出す気はないのでGithubで野良公開してます。
cutls/TweetDeck2Meiryo – GitHub