コンテンツへスキップ
Share-Snippet-Code
  • ホーム
  • WordPress
  • JavaScript
  • CSS
  • コンソール
  • その他
  • ホーム
  • WordPress
  • JavaScript
  • CSS
  • コンソール
  • その他
  1. ホーム
  2. WordPress
  3. Gutenberg editor (Block editor)で利用するfont-familyを設定。

Gutenberg editor (Block editor)で利用するfont-familyを設定。

2018年12月17日2018年12月18日
WordPress

functions.phpの設定

add_theme_support( 'editor-styles' );
add_editor_style( 'style-editor.css' );

cssの設定

html[lang="ja"] .wp-block * {
  font-family: 'Open Sans','Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Helvetica Neue',Helvetica,Arial,sans-serif !important;
}
WordPress

関連記事

  • 記事に該当するタクソノミーを取得
    2017年2月28日
  • WordPressにおいて、現在利用しているリライトルールを確認したり、新たに追加する
    2022年2月16日
  • wp_enqueue_styleとかwp_enqueue_scriptを利用するときに、バージョンにファイルの更新日を入れる
    2019年12月31日
  • BackstopJSを利用するときにシナリオをCSVで書いて、jsonに変換する
    2019年2月13日
サイト内検索
カテゴリー
  • AI (1)
  • CSS (6)
  • Gridsome (3)
  • JavaScript (7)
  • Shopify (1)
  • SNS (1)
  • Testノウハウ (4)
  • WooCommerce (7)
  • WordPress (82)
  • コンソール (23)
  • その他 (10)
タグ
amp backstop.js BlockEditor bootstrap chart GDPR Gutenberg Heteml kusanagi Local mac mail MarkDown MySQL node SCF shifter SnowMonkeyForms SnowMonkeyTheme terminal Volta WAF wp-cli YoastSEO YouTube カルーセル サブクエリ シェアボタン スライダー タクソノミー 拡張子
運営会社
株式会社mgn

知りたかったことは見つかりましたか?

より良い解決方法があるかもしれません。もし解決が難しい場合はご相談下さい。
皆様からのお問い合わせをお待ちしております。

お問い合わせはこちらから

© Share-Snippet-Code.