loos / arkhe

13 stars 4 forks source link

プルクオートブロック:フロントエンドでフォントサイズが異なる #140

Closed t-hamano closed 7 months ago

t-hamano commented 7 months ago

WP6.4/6.5ともに発生。

テーマ側で font-size: 1.2emを適用しているが、フロントエンドではグローバルスタイル (global-styles-inline-css) が font-size: 1.5em を適用するため、エディター側とデフォルトフォントサイズが異なってしまう。

pullquote

クラシックテーマで、このグローバルスタイルがフロントエンドで出力される事自体が不具合のようにみえますが、テーマ側で詳細度を上げてもよいかもしれません。

ddryo commented 7 months ago

確かに、クラシックテーマでフロントでのみフォントサイズ指定されてますね。 コアの不具合だと思いますが一応詳細度高めて対応しました。

t-hamano commented 7 months ago

こちらの問題ですが、最新のGutenbergで確認した所、詳細度が下がっていたため問題は発生しないようです。

WP6.5 RC4

コアのスタイルがテーマのスタイルに勝っている

image

WP6.5 RC4 + 最新のGutenberg

コアのスタイルに :where が使われるようになったため、テーマのスタイルが勝っている

image

なお、このスタイルはblock.jsonの __experimentalStyleから来ているのですが、これがフロントエンドだけに適用される問題については、以下で報告されています。

https://github.com/WordPress/gutenberg/issues/46818