あくまでテスト用ですけど、まとめてみましたよ。
about
2021.01.24 名前を変更。(*)ナントカ、(many)カントカ...
2021.01.24 Stylus風 - -webkit-text-stroke-width
, text-shadow
, 追加
2020.01.28 Chrome 向け、monospace 設定修正(サイズが小さくなるのを防止)
font-family 変更
head 要素の末に style タグを追記します。つまり、エンベッドなスタイルシートです。全称セレクタ (*) ですべての要素に設定、pre などの等幅的要素は monospace に再設定。
Sans-Serif
* { font-family: \'Yu Gothic UI\'!important; } pre,.code,code,kbd,var,samp,span.synComment { font-family: monospace,monospace!important; } .synConstant,.synIdentifier,.synSpecial,.synStatement,.synType,strong { font-family: inherit!important; }
テスト | \ | 0 | O | iI | l | Q | Windows |
プブ | あいうえお | 葛噌彅埒髙三令和片 | カ力エ工ロ口ー一ニ二 |
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
- style削除(x1) || (*) inherit | (*) unset | (*) initial || (*) sans-serif | (*) serif | (*) monospace |
- (*) BIZ UDPゴシック
- (*) MeiryoKe_PGothic
- (*) MeiryoKe_UIGothic
- (*) 源ノ角ゴシック
- (*) Noto Sans CJK JP
- (*) 小塚ゴシック Pr6N
Serif
テスト | \ | 0 | O | iI | l | Q | Windows |
プブ | あいうえお | 葛噌彅埒髙三令和片 | カ力エ工ロ口ー一ニ二 |
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
- style削除(x1) || (*) inherit | (*) unset | (*) initial || (*) sans-serif | (*) serif | (*) monospace |
- メイリオ | MS Pゴシック | Meiryo UI
手書き系
テスト | \ | 0 | O | iI | l | Q | Windows |
プブ | あいうえお | 葛噌彅埒髙三令和片 | カ力エ工ロ口ー一ニ二 |
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
- style削除(x1) || (*) inherit | (*) unset | (*) initial || (*) sans-serif | (*) serif | (*) monospace |
- (*) メイリオ | (*) MS Pゴシック | (*) Meiryo UI
pre 要素
※ ページ内すべての pre
要素にインラインで style
属性を追記します。
function(){ var myTag=document.getElementsByTagName('pre'); for (var i=0;myTag.length>i;i++) { myTag[i].style.setProperty('font-family','\'MS ゴシック\',monospace','important') } }
※ 要素部分 (pre
) を書換えれば他の要素に適用可能です。
<pre style="font-family: "MS ゴシック", monospace!important;">
葛一二三日本語漢字片 あいうえお 味噌汁 \\ 0 O i I l Q 0123456789 ~カ力エ工ロ口ー一ニ二フプブ title Avira Rescue System == /rescue-system.iso ls /rescue-system.iso || find --set-root /rescue-system.iso map /rescue-system.iso (0xff) || map --mem /rescue-system.iso (0xff)
- (pre) style削除
- (pre) monospace | (pre) inherit
- Chrome, Safari - (pre) monospace, monospace | (pre) monospace, serif
- (pre) MS ゴシック
- (pre) MS 明朝
- (pre) BIZ UDゴシック
- (pre) BIZ UD明朝
- (pre) UD デジタル 教科書体 N-R
- (pre) Courier New
- (pre) Courier
- (pre) Consolas
- (pre) Lucida Console
- (pre) Source Code Pro
- (pre) MeiryoKe_Gothic
- (pre) MeiryoKe_Console
- (pre) IPAゴシック
- (pre) IPA モナー ゴシック
- (pre) Takaoゴシック
- (pre) VL ゴシック
- (pre) Migu 1M
- (pre) MigMix 1M
- (pre) MoboGothic
- (pre) Minori 0M04
- (pre) 源ノ角ゴシック HW
- (pre) Noto Sans Mono CJK JP
- (pre) 源ノ角ゴシック Code JP
- (pre) 源真ゴシック等幅
- (pre) 源柔ゴシック等幅
- (pre) Mgen+ 1m
- (pre) Rounded Mgen+ 1m
- (pre) NasuM
- (pre) モトヤLシーダ3等幅
- (pre) モトヤLマルベリ3等幅
- (pre) MMCedar
- (pre) Ricty
- (pre) Ricty Diminished
- (pre) Ricty Diminished Discord
テキスト いろいろの変更
見出しなどを除いた多くの要素に設定します。エンベッドです。
body,div,dl,dt,dd,p,li,caption,th,td,blockquote,q,cite,address,del,ins,span { font-size: 16px!important; }
テスト | \ | 0 | O | iI | l | Q | Windows |
プブ | あいうえお | 葛噌彅埒髙三令和片 | カ力エ工ロ口ー一ニ二 |
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
- (many fw)inherit
- (many fw)unset
- (many) lighter
- (many) normal
- (many) bolder
- (many) bold
- (many) 300
- (many) 400
- (many) 700
- (many ls)inherit
- (many ls)unset
- (many) 0
- (many) 0.5px
- (many) 1px
- (many) 1.5px
- (many) 1.8px
- (many) 2px
左から、font-size
, color
, font-weight
, line-height
, letter-spacing
ちなみに私のお気に入りはこんなかんじ(笑)
* { font-family: inherit !important; } pre,.code,code,kbd,var,samp,span.synComment { font-family: monospace,monospace !important; } body,div,dl,dt,dd,p,li,caption,th,td,blockquote,q,cite,address,del,ins,span { font-size: 16px !important; line-height: 1.8 !important; letter-spacing: 1px !important; } .synIdentifier,.synStatement,.synConstant,.synSpecial,.synType { font-size: inherit !important; }
背景色
見出しも含め除いた多くの要素に設定します。エンベッドです。
body,div,h1,h2,h3,h4,h5,dl,dt,dd,p,li,caption,th,td,blockquote,q,cite,address,del,ins,span,#blog-title,.index { background-color: #fff!important; }
- (many) 背景 white (#fff)
- (many) 背景 lightyellow (#ffffe0)
- (many) 背景 lemonchiffon (#fffacd)
- (many) 背景 wheat (#f5deb3)
Stylus風
body { -webkit-text-stroke-width: 0.3px !important; }
テスト | \ | 0 | O | iI | l | Q | Windows |
プブ | あいうえお | 葛噌彅埒髙三令和片 | カ力エ工ロ口ー一ニ二 |
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
- 0 || body{-webkit-text-stroke-width: 0.1px !important;}
- body{-webkit-text-stroke-width: 0.15px !important;}
- body{-webkit-text-stroke-width: 0.2px !important;}
- body{-webkit-text-stroke-width: 0.3px !important;}
- none || body{text-shadow:0 0 1px rgba(0,0,0,0.1),0 0 2px rgba(0,0,0,0.01),0 0 3px rgba(0,0,0,0.01) !important;}
- body{text-shadow: 0 0 0.1px rgba(51,51,51,0.5) !important;}
- body{text-shadow: 0 0 0.1px rgba(0,0,0,0.5) !important;}
- body{text-shadow: #707070 0.05px 0.05px 0.05px !important;}
- body{text-shadow: 0px 0px 1px #ACACAC !important;}
- body{text-shadow:0.5px 0.5px #ccc !important;}
いろいろ
- ドキュメント
ほな