Parallax Image

Cutls Code Archives


SNZ 2016
TweetDeck(Web版)のフォントを変える(Chrome)
カテゴリ:HTML/CSS/JS 投稿日:2016年4月24日

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

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

ChromeならTweetDeck開いてF12押してElementsを選択。
cca
そして…部分の左の▼を押して展開(スクリーンショットオレンジ線部分)
cca
そのあと

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

そして

body{font-family: Meiryo;}

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

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