WP5.3で検証

ブロック設定パネル(テキスト設定)

テキスト設定

サイズクラス名
13px.has-small-font-size {}
標準16px.has-normal-font-size {}
20px.has-medium-font-size {}
36px.has-large-font-size {}
特大42px.has-huge-font-size {}
カスタム
ドロップキャップ8.4em.has-drop-cap {}
.has-small-font-size {
    font-size:13px
}

.has-normal-font-size, .has-regular-font-size {
    font-size:16px
}

.has-medium-font-size {
    font-size:20px
}

.has-large-font-size {
    font-size:36px
}

.has-huge-font-size, .has-larger-font-size {
    font-size:42px
}

.has-drop-cap:not(:focus):first-letter {
    float: left;
    font-size: 8.4em;
    line-height: .68;
    font-weight: 100;
    margin: .05em .1em 0 0;
    text-transform: uppercase;
    font-style: normal
}

.has-drop-cap:not(:focus):after {
    content: "";
    display: table;
    clear: both;
    padding-top: 14px
}

サンプル

山路を登りながら、こう考えた。智に働けば角が立つ。情に棹させば流される。意地を通せば窮屈だ。とかくに人の世は住みにくい。住みにくさが高じると、安い所へ引き越したくなる。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。

標準

山路を登りながら、こう考えた。智に働けば角が立つ。情に棹させば流される。意地を通せば窮屈だ。とかくに人の世は住みにくい。住みにくさが高じると、安い所へ引き越したくなる。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。

山路を登りながら、こう考えた。智に働けば角が立つ。情に棹させば流される。意地を通せば窮屈だ。とかくに人の世は住みにくい。住みにくさが高じると、安い所へ引き越したくなる。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。

山路を登りながら、こう考えた。智に働けば角が立つ。情に棹させば流される。意地を通せば窮屈だ。とかくに人の世は住みにくい。住みにくさが高じると、安い所へ引き越したくなる。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。

特大

山路を登りながら、こう考えた。智に働けば角が立つ。情に棹させば流される。意地を通せば窮屈だ。とかくに人の世は住みにくい。住みにくさが高じると、安い所へ引き越したくなる。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。

カスタム(32px)

山路を登りながら、こう考えた。智に働けば角が立つ。情に棹させば流される。意地を通せば窮屈だ。とかくに人の世は住みにくい。住みにくさが高じると、安い所へ引き越したくなる。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。

ドロップキャップ

山路を登りながら、こう考えた。智に働けば角が立つ。情に棹させば流される。意地を通せば窮屈だ。とかくに人の世は住みにくい。住みにくさが高じると、安い所へ引き越したくなる。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。

組み合わせ(サイズとドロップキャップ)

山路を登りながら、こう考えた。智に働けば角が立つ。情に棹させば流される。意地を通せば窮屈だ。とかくに人の世は住みにくい。住みにくさが高じると、安い所へ引き越したくなる。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。

ブロック制御コメント

<!-- wp:paragraph -->
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"small"} -->
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"normal"} -->
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"medium"} -->
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"large"} -->
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"huge"} -->
<!-- /wp:paragraph -->

<!-- wp:paragraph {"customFontSize":32} -->
<!-- /wp:paragraph -->

<!-- wp:paragraph {"dropCap":true} -->
<!-- /wp:paragraph -->

<!-- wp:paragraph {"dropCap":true,"fontSize":"large"} -->
<!-- /wp:paragraph -->