テキスト設定
値 | サイズ | クラス名 |
---|---|---|
小 | 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 -->