Guteberg-JP-Noto-Fonts

bookmarklet.txt

/*
 * Gutenberg のフォントを変えるブックマークレット
 * ※開発者ツールを使用する場合は、頭の「javascript:」をとって貼り付けてください
 *
 * ＝＝＝　使い方　＝＝＝
 * 1. 以下のブックマークレットのうち1行をコピーして、ブックマークとして保存します。
 * 2. https://ja.wordpress.org/gutenberg/ を開きます。
 * 3. 2で開いたウィンドウのまま1でつくったブックマークを開きます。表示フォントが切り替わったら成功です。
 */

// Noto Sans JP
javascript:var css = document.createElement("style");css.innerText = "@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Noto+Serif+JP');body,button,input,select,optgroup,textarea,.editor-block-list__block {font-family: 'Noto Sans JP', sans-serif !important;}";document.getElementsByTagName("head")[0].appendChild(css);

// Noto Serif JP
javascript:var css = document.createElement("style");css.innerText = "@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Noto+Serif+JP');body,button,input,select,optgroup,textarea,.editor-block-list__block {font-family: 'Noto Serif JP', sans-serif !important;}";document.getElementsByTagName("head")[0].appendChild(css);

// Sawarabi Mincho
javascript:var css = document.createElement("style");css.innerText = "@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho');body,button,input,select,optgroup,textarea,.editor-block-list__block {font-family: 'Sawarabi Mincho', sans-serif !important;}";document.getElementsByTagName("head")[0].appendChild(css);

// 標準フォントのゴシック
javascript:var css = document.createElement("style");css.innerText = "body,button,input,select,optgroup,textarea,.editor-block-list__block {font-family: sans-serif !important;}";document.getElementsByTagName("head")[0].appendChild(css);

// Noto Serif + 日本語標準フォントのゴシック
javascript:var css = document.createElement("style");css.innerText = "body,button,input,select,optgroup,textarea,.editor-block-list__block {font-family: 'Noto Serif', sans-serif !important;}";document.getElementsByTagName("head")[0].appendChild(css);