Skip to content

大百科の編集画面での文字サイズを変える by gimmickgang

Screenshot of 大百科の編集画面での文字サイズを変える

Details

Authorgimmickgang

LicenseNo License

Categorynone

Created

Updated

Size3.6 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

ニコニコ大百科での記事編集の際に編集画面での文字サイズを変更します。

※htmlエディタ内のフォントは変更されません

Notes

⚙(歯車)メニューのスライダーからサイズ変更が可能です。(⚙メニューは上のInstallボタンからインストールした場合、またはUserCSSとして追加した場合のみ有効)
①PCプレビュー フォントサイズ
┗記事編集時のPCプレビュー時のフォントサイズを変更します。
②エディタOFF画面 フォントサイズ
┗記事の編集フォームのhtmlエディタを無効に切り替えたときのフォントサイズを変更します。
③エディタOFF画面 フォント変更 カスタム
┗記事の編集フォームのhtmlエディタを無効に切り替えたときのフォントを変更します。
④エディタOFF画面 フォントの太さ
┗記事の編集フォームのhtmlエディタを無効に切り替えたときのフォントの太さを変更します。
⑤エディタOFF画面 Googleフォント
┗記事の編集フォームのhtmlエディタを無効に切り替えたときのフォントをGoogleフォントに変更します。
⑥スマホプレビューにNoto Sans JPを適用
┗スマホプレビュー画面(ニコニコ大百科 スマートフォン版での見え方)のフォントをNoto Sans JPに変更します。

■記事投稿時のフォントサイズには一切影響ありません。
①のPCプレビュー フォントサイズは、実際に大百科で表示されるサイズに合わせている(ブラウザ既定が16pxなら0.9emの14.4px)のでスライダーでの操作も0.9pxずつです。
記事投稿前にスライダー操作するだけで各フォントサイズでの表示確認が可能。

②のエディタOFF画面 フォントサイズは、エディタ有効時のエディタ内でのプレビューには影響ありません。

③のエディタOFF画面 フォント変更は、プリセットの「revert」でブラウザの固定幅フォント/等幅フォントで指定したフォントを適用。
任意のフォント名を入力すると、そのフォントが適用されます。

④のエディタOFF画面 フォントの太さは、プリセットの「400」でnormal、「700」でboldです。font-weightの数値のキーワード値100から900まで100毎に指定可能。

⑤のエディタOFF画面 Googleフォントは、WebフォントのGoogleフォントからNoto Sans Jp、Noto Serif Jp、M PLUS 1p、Mochiy Pop One、Kaisei Tokumin、Hachi Maru Pop、Cherry Bomb One、Reggae One、Dela Gothic One、DotGothic16、RocknRoll Oneのいずれかを選択し変更が可能です。

⑥スマホプレビューにNoto Sans JPを適用は、スマホプレビュー画面ウィンドウでのフォントをAndroidスマホのデフォルトのフォントとして一般的なNoto Sans Jpに変更します。

①,②,③,④,⑤,⑥それぞれ各項目を変更時は右横に出てくる「×」を押すと個別にリセット可能。下のリセットボタンで全部一括でのリセット。

※フォントサイズ変更は、スマホプレビュー・スマホ版編集画面では動作しないようになっているのでスマホプレビューボタンからPCの大小のフォントサイズと同時に確認することが可能です。

ver 1.1 エディタOFF画面 フォントサイズ
ver 1.2 PCプレビュー フォントサイズ追加
ver 1.3 エディタOFF画面 フォント変更 追加
ver 1.4 エディタOFF画面 フォントの太さ 追加
ver 1.5 エディタOFF画面 テキストエリア 領域拡大で右カラムへはみ出し時に最前面に 追加
ver 1.6 エディタOFF画面 Googleフォント 追加
ver 1.7 スマホプレビューにNoto Sans JPを適用 追加

Source code

/* ==UserStyle==
@name           大百科の編集画面での文字サイズを変える
@namespace      dicnicovideo.jp
@version        1.7
@description    ニコニコ大百科の編集画面での文字サイズを変更します
@author         gimmickgang
@var range dFontsize "①PCプレビュー フォントサイズ" [14.4, 10.8, 23.4, 0.9, 'px']
@var range tFontsize "②エディタOFF画面 フォントサイズ" [12, 10, 24, 1.0, 'px']
@var text tFontfamily "③エディタOFF画面 フォント変更 カスタム" "revert"
@var range tFontweight "④エディタOFF画面 フォントの太さ" [400, 100, 900, 100]
@var select textareaFontfamily "⑤エディタOFF画面 Googleフォント" {
  "無効 ③が適用*": "var(--tFontfamily , )",
  "Noto Sans": "Noto Sans Jp",
  "Noto Serif": "Noto Serif Jp",
  "M PLUS 1p": "M PLUS 1p",
  "Mochiy Pop One": "Mochiy Pop One",
  "Kaisei Tokumin": "Kaisei Tokumin",
  "Hachi Maru Pop": "Hachi Maru Pop",
  "Cherry Bomb One": "Cherry Bomb One",
  "Reggae One": "Reggae One",
  "Dela Gothic One": "Dela Gothic One",
  "DotGothic16": "DotGothic16",
  "RocknRoll One": "RocknRoll One"
}
@var select prevSp "⑥スマホプレビューにNoto Sans JPを適用"  {
  "無効*": "inherit",
  "Noto Sans": "Noto Sans Jp"
}
==/UserStyle== */
@-moz-document url-prefix("https://dic.nicovideo.jp/p/") {
    @import url('https://fonts.googleapis.com/css2?family=BIZ+UDGothic:wght@400;700&family=BIZ+UDMincho:wght@400;700&family=BIZ+UDPGothic:wght@400;700&family=BIZ+UDPMincho:wght@400;700&family=Dela+Gothic+One&family=DotGothic16&family=Hachi+Maru+Pop&family=Hina+Mincho&family=IBM+Plex+Sans+JP:wght@400;700&family=Kaisei+Decol:wght@400;700&family=Kaisei+HarunoUmi:wght@400;700&family=Kaisei+Opti:wght@400;700&family=Kaisei+Tokumin:wght@400;700&family=Kiwi+Maru&family=Klee+One:wght@400;600&family=Kosugi&family=Kosugi+Maru&family=M+PLUS+1+Code:wght@400;700&family=M+PLUS+1:wght@400;700&family=M+PLUS+1p:wght@400;700&family=M+PLUS+2:wght@400;700&family=M+PLUS+Rounded+1c:wght@400;700&family=Mochiy+Pop+One&family=Mochiy+Pop+P+One&family=New+Tegomin&family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;700&family=Potta+One&family=Rampart+One&family=Reggae+One&family=RocknRoll+One&family=Sawarabi+Gothic&family=Sawarabi+Mincho&family=Shippori+Antique&family=Shippori+Antique+B1&family=Shippori+Mincho+B1:wght@400;700&family=Stick&family=Train+One&family=Yomogi&family=Yuji+Boku&family=Yuji+Mai&family=Yuji+Syuku&family=Yusei+Magic&family=Zen+Antique&family=Zen+Antique+Soft&family=Zen+Kaku+Gothic+Antique:wght@400;700&family=Zen+Kaku+Gothic+New:wght@400;700&family=Zen+Kurenaido&family=Zen+Maru+Gothic:wght@400;700&family=Zen+Old+Mincho:wght@400;700&display=swap');
    .article {
        font-size: var(--dFontsize);
    }

    textarea#nicopedia-article-textarea {
        font-size: var(--tFontsize) !important;
        font-family: var(--textareaFontfamily) !important;
        font-weight: var(--tFontweight) !important;
        position: sticky;
        z-index: 1;
    }

    body#tinymce {
        font-family: var(--textareaFontfamily) !important;
    }
}

@-moz-document url-prefix("https://dic.nicovideo.jp/prev_sp.html") {
    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

    .article {
        font-size: 14px;
        font-family: var(--prevSp) !important; 
    }
}

@-moz-document url-prefix("https://dic.nicovideo.jp/t/") {

    .article {
        font-size: 14px;
    }
}

Reviews

No reviews yet.