239693 2022-04-23 11:35:57 -0700 locale:zh-*** causes text emphasis marks to draw too far from their base text 2025-11-10 23:01:10 -0800 1 1 1 Unclassified WebKit Layout and Rendering Safari 15 All macOS 12 NEW InRadar P2 Normal --- 1 bobbytung fantasai.bugs bfulgham fantasai.bugs mmaxfield simon.fraser webkit-bug-importer zalan oldest_to_newest 1863907 0 458218 bobbytung 2022-04-23 11:35:57 -0700 Created attachment 458218 test case with multiple languages and fonts Hello, When I tested CSS property 'text-emphasis' in Japanese and Chinese language. I found that layout will be adjust to let the dot above/aside close to base text with certain fonts: Hiragino Mincho and Hiragino Sans. When I changed the value to sesame and circle, some other Japanese fonts may work. But it didn't apply to Traditional Chinese and Simplified Chinese. Without the layout adjustment, the dot may far away from base text, even make line-height expand with a proper value 1.7 / 1.8. I'm not sure this behavior related to font, or Webkit had a whitelist to adjust those fonts. text-emphasis is not only used in Japanese, It's official punctuation in China[1] for Simplified Chinese. And it also occasionally used in Traditional Chinese books published in Taiwan, especially translated from Japanese. I'd like this layout adjustment able to apply for more language and fonts. Regards, Bobby [1]: In China National Standard GB/T 15834—2011. 1865669 1 webkit-bug-importer 2022-04-30 11:36:12 -0700 <rdar://problem/92567329> 1867812 2 mmaxfield 2022-05-09 17:41:37 -0700 I'm having trouble understanding this bug report. Is this bug report about the size of the circle in this: <p class="hiraginosans">それは<em class="circle">傍点</em>という記号。（hiragino sans）</p> compared to the size of the circle in this: <p class="yumincho">それは<em class="circle">傍点</em>という記号。（yu mincho）</p> ? Or is this bug report about the distance from the dot to the base text in this: <p class="source">それは<em>傍点</em>という記号。（source serif jp）</p> compared to the distance from the dot to the base text in this: <p lang="zh-Hant-TW">這是<em>著重號</em>。（songti tc）</p> ? 1867813 3 bobbytung 2022-05-09 17:50:37 -0700 Hello Myles, Size and Distance are different between font. But distance from the dot to base text is more important because in real case of Tradition Chinese ebook. It will expand line-height with a normal value 1.7. Size of the dots (dot / circle / sesame...) varies with fonts. Some are to small to be noticed by reader. I'd like to figure out what made the difference. But apparently, It may not layout engine's issue. Regards, Bobby 1867825 4 mmaxfield 2022-05-09 20:17:32 -0700 > distance from the dot to base text is more important Okay, thanks for the clarification. I'll retitle this bug to make this a bit more clear. > I'd like to figure out what made the difference. The shape you see is a glyph from the font. It's the font file's responsibility to size the glyph. In https://drafts.csswg.org/css-text-decor/#propdef-text-emphasis-style the spec indicates: > circle > Display large circles as marks. The filled circle is U+25CF '●', and the open circle is U+25CB '○'. 2157851 5 fantasai.bugs 2025-11-10 23:01:10 -0800 Firefox seems to have fixed this recently (between 144 and 146). 458218 2022-04-23 11:35:57 -0700 2022-04-23 11:35:57 -0700 test case with multiple languages and fonts bouten.html text/html 4049 bobbytung PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KCTxtZXRhIGNoYXJzZXQ9InV0Zi04IiAvPiAK CTx0aXRsZT5UZXN0aW5nIHRleHQgZW1waGFzaXM8L3RpdGxlPgoJPHN0eWxlPgoJCXAgewkKCQkJ bGluZS1oZWlnaHQ6IDEuNzsKCQl9CgkJZW0ge3RleHQtZW1waGFzaXM6IGRvdDsKCQkJZm9udC1z dHlsZTogbm9ybWFsOwoJCX0KCQlwOmxhbmcoamEpIHtmb250LWZhbWlseTogIkhpcmFnaW5vIE1p bmNobyBQcm9OIjt9CgkJcDpsYW5nKHpoLUhhbnQtVFcpIHtmb250LWZhbWlseTogIlNvbmd0aSBU QyI7fQoJCXA6bGFuZyh6aC1IYW5zLUNOKSB7Zm9udC1mYW1pbHk6ICJTb25ndGkgU0MiOyAtd2Vi a2l0LXRleHQtZW1waGFzaXMtcG9zaXRpb246IHVuZGVyO30KCQkuc2VzYW1lIHt0ZXh0LWVtcGhh c2lzOiBzZXNhbWU7fQoJCS5jaXJjbGUge3RleHQtZW1waGFzaXM6IGNpcmNsZTt9CgkJLnNvdXJj ZSB7Zm9udC1mYW1pbHk6ICJOb3RvU2VyaWZDSktqcC1SZWd1bGFyIjt9CgkJLmhpcmFnaW5vc2Fu cyB7Zm9udC1mYW1pbHk6ICJIaXJhZ2lub1NhbnMtVzQiO30KCQkueXVtaW5jaG8ge2ZvbnQtZmFt aWx5OiAiWXVNaW4tTWVkaXVtIjt9CgoJCS52ZXJ0IHsKCQkJd3JpdGluZy1tb2RlOiB2ZXJ0aWNh bC1ybDsKCQl9CgkJLnNvbmd0aXRjIHtmb250LWZhbWlseTogIlNvbmd0aSBUQyI7fQoJCS5zb25n dGlzYyB7Zm9udC1mYW1pbHk6ICJTb25ndGkgU0MiO30KCTwvc3R5bGU+CjwvaGVhZD4KPGJvZHk+ Cgk8cCBsYW5nPSJqYSI+44Gd44KM44GvPGVtPuWCjeeCuTwvZW0+44Go44GE44GG6KiY5Y+344CC 77yIaGlyYWdpbm8gbWluY2hv77yJPC9wPiAKCTxwIGNsYXNzPSJoaXJhZ2lub3NhbnMiPuOBneOC jOOBrzxlbT7lgo3ngrk8L2VtPuOBqOOBhOOBhuiomOWPt+OAgu+8iGhpcmFnaW5vIHNhbnPvvIk8 L3A+IAoJPHAgY2xhc3M9Inl1bWluY2hvIj7jgZ3jgozjga88ZW0+5YKN54K5PC9lbT7jgajjgYTj gYboqJjlj7fjgILvvIh5dSBtaW5jaG/vvIk8L3A+IAoJPHAgY2xhc3M9InNvdXJjZSI+44Gd44KM 44GvPGVtPuWCjeeCuTwvZW0+44Go44GE44GG6KiY5Y+344CC77yIc291cmNlIHNlcmlmIGpw77yJ PC9wPiAKCTxwIGxhbmc9InpoLUhhbnQtVFciPumAmeaYrzxlbT7okZfph43omZ88L2VtPuOAgu+8 iHNvbmd0aSB0Y++8iTwvcD4gCgk8cCBsYW5nPSJ6aC1IYW5zLUNOIj7ov5nmmK88ZW0+552A6YeN 5Y+3PC9lbT7jgILvvIhzb25ndGkgc2PvvIk8L3A+IAoJPHAgbGFuZz0iamEiPuOBneOCjOOBrzxl bSBjbGFzcz0iY2lyY2xlIj7lgo3ngrk8L2VtPuOBqOOBhOOBhuiomOWPt+OAgu+8iGhpcmFnaW5v IG1pbmNob++8iTwvcD4gCgk8cCBjbGFzcz0iaGlyYWdpbm9zYW5zIj7jgZ3jgozjga88ZW0gY2xh c3M9ImNpcmNsZSI+5YKN54K5PC9lbT7jgajjgYTjgYboqJjlj7fjgILvvIhoaXJhZ2lubyBzYW5z 77yJPC9wPiAKCTxwIGNsYXNzPSJ5dW1pbmNobyI+44Gd44KM44GvPGVtIGNsYXNzPSJjaXJjbGUi PuWCjeeCuTwvZW0+44Go44GE44GG6KiY5Y+344CC77yIeXUgbWluY2hv77yJPC9wPiAKCTxwIGNs YXNzPSJzb3VyY2UiPuOBneOCjOOBrzxlbSBjbGFzcz0iY2lyY2xlIj7lgo3ngrk8L2VtPuOBqOOB hOOBhuiomOWPt+OAgu+8iHNvdXJjZSBzZXJpZiBqcO+8iTwvcD4gCgk8cCBsYW5nPSJ6aC1IYW50 LVRXIj7pgJnmmK88ZW0gY2xhc3M9ImNpcmNsZSI+6JGX6YeN6JmfPC9lbT7jgILvvIhzb25ndGkg dGPvvIk8L3A+IAoJPHAgbGFuZz0iemgtSGFucy1DTiI+6L+Z5pivPGVtIGNsYXNzPSJjaXJjbGUi PuedgOmHjeWPtzwvZW0+44CC77yIc29uZ3RpIHNj77yJPC9wPiAKCTxwIGxhbmc9ImphIj7jgZ3j gozjga88ZW0gY2xhc3M9InNlc2FtZSI+5YKN54K5PC9lbT7jgajjgYTjgYboqJjlj7fjgILvvIho aXJhZ2lubyBtaW5jaG/vvIk8L3A+IAoJPHAgY2xhc3M9ImhpcmFnaW5vc2FucyI+44Gd44KM44Gv PGVtIGNsYXNzPSJzZXNhbWUiPuWCjeeCuTwvZW0+44Go44GE44GG6KiY5Y+344CC77yIaGlyYWdp bm8gc2Fuc++8iTwvcD4gCgk8cCBjbGFzcz0ieXVtaW5jaG8iPuOBneOCjOOBrzxlbSBjbGFzcz0i c2VzYW1lIj7lgo3ngrk8L2VtPuOBqOOBhOOBhuiomOWPt+OAgu+8iHl1IG1pbmNob++8iTwvcD4g Cgk8cCBjbGFzcz0ic291cmNlIj7jgZ3jgozjga88ZW0gY2xhc3M9InNlc2FtZSI+5YKN54K5PC9l bT7jgajjgYTjgYboqJjlj7fjgILvvIhzb3VyY2Ugc2VyaWYganDvvIk8L3A+IAoJPHAgbGFuZz0i emgtSGFudC1UVyI+6YCZ5pivPGVtIGNsYXNzPSJzZXNhbWUiPuiRl+mHjeiZnzwvZW0+44CC77yI c29uZ3RpIHRj77yJPC9wPiAKCTxwIGxhbmc9InpoLUhhbnMtQ04iPui/meaYrzxlbSBjbGFzcz0i c2VzYW1lIj7nnYDph43lj7c8L2VtPuOAgu+8iHNvbmd0aSBzY++8iTwvcD4gCgo8ZGl2IGNsYXNz PSJ2ZXJ0Ij4KCTxwIGxhbmc9ImphIj7jgZ3jgozjga88ZW0+5YKN54K5PC9lbT7jgajjgYTjgYbo qJjlj7fjgILvvIhoaXJhZ2lubyBtaW5jaG/vvIk8L3A+IAo8cCBjbGFzcz0iaGlyYWdpbm9zYW5z Ij7jgZ3jgozjga88ZW0+5YKN54K5PC9lbT7jgajjgYTjgYboqJjlj7fjgILvvIhoaXJhZ2lubyBz YW5z77yJPC9wPiAKPHAgY2xhc3M9Inl1bWluY2hvIj7jgZ3jgozjga88ZW0+5YKN54K5PC9lbT7j gajjgYTjgYboqJjlj7fjgILvvIh5dSBtaW5jaG/vvIk8L3A+IAo8cCBjbGFzcz0ic291cmNlIj7j gZ3jgozjga88ZW0+5YKN54K5PC9lbT7jgajjgYTjgYboqJjlj7fjgILvvIhzb3VyY2Ugc2VyaWYg anDvvIk8L3A+IAo8cCBsYW5nPSJ6aC1IYW50LVRXIj7pgJnmmK88ZW0+6JGX6YeN6JmfPC9lbT7j gILvvIhzb25ndGkgdGPvvIk8L3A+IAo8cCBsYW5nPSJ6aC1IYW5zLUNOIj7ov5nmmK88ZW0+552A 6YeN5Y+3PC9lbT7jgILvvIhzb25ndGkgc2PvvIk8L3A+IAo8cCBsYW5nPSJqYSI+44Gd44KM44Gv PGVtIGNsYXNzPSJjaXJjbGUiPuWCjeeCuTwvZW0+44Go44GE44GG6KiY5Y+344CC77yIaGlyYWdp bm8gbWluY2hv77yJPC9wPiAKPHAgY2xhc3M9ImhpcmFnaW5vc2FucyI+44Gd44KM44GvPGVtIGNs YXNzPSJjaXJjbGUiPuWCjeeCuTwvZW0+44Go44GE44GG6KiY5Y+344CC77yIaGlyYWdpbm8gc2Fu c++8iTwvcD4gCjxwIGNsYXNzPSJ5dW1pbmNobyI+44Gd44KM44GvPGVtIGNsYXNzPSJjaXJjbGUi PuWCjeeCuTwvZW0+44Go44GE44GG6KiY5Y+344CC77yIeXUgbWluY2hv77yJPC9wPiAKPHAgY2xh c3M9InNvdXJjZSI+44Gd44KM44GvPGVtIGNsYXNzPSJjaXJjbGUiPuWCjeeCuTwvZW0+44Go44GE 44GG6KiY5Y+344CC77yIc291cmNlIHNlcmlmIGpw77yJPC9wPiAKPHAgbGFuZz0iemgtSGFudC1U VyI+6YCZ5pivPGVtIGNsYXNzPSJjaXJjbGUiPuiRl+mHjeiZnzwvZW0+44CC77yIc29uZ3RpIHRj 77yJPC9wPiAKPHAgbGFuZz0iemgtSGFucy1DTiI+6L+Z5pivPGVtIGNsYXNzPSJjaXJjbGUiPued gOmHjeWPtzwvZW0+44CC77yIc29uZ3RpIHNj77yJPC9wPiAKPHAgbGFuZz0iamEiPuOBneOCjOOB rzxlbSBjbGFzcz0ic2VzYW1lIj7lgo3ngrk8L2VtPuOBqOOBhOOBhuiomOWPt+OAgu+8iGhpcmFn aW5vIG1pbmNob++8iTwvcD4gCjxwIGNsYXNzPSJoaXJhZ2lub3NhbnMiPuOBneOCjOOBrzxlbSBj bGFzcz0ic2VzYW1lIj7lgo3ngrk8L2VtPuOBqOOBhOOBhuiomOWPt+OAgu+8iGhpcmFnaW5vIHNh bnPvvIk8L3A+IAo8cCBjbGFzcz0ieXVtaW5jaG8iPuOBneOCjOOBrzxlbSBjbGFzcz0ic2VzYW1l Ij7lgo3ngrk8L2VtPuOBqOOBhOOBhuiomOWPt+OAgu+8iHl1IG1pbmNob++8iTwvcD4gCjxwIGNs YXNzPSJzb3VyY2UiPuOBneOCjOOBrzxlbSBjbGFzcz0ic2VzYW1lIj7lgo3ngrk8L2VtPuOBqOOB hOOBhuiomOWPt+OAgu+8iHNvdXJjZSBzZXJpZiBqcO+8iTwvcD4gCjxwIGxhbmc9InpoLUhhbnQt VFciPumAmeaYrzxlbSBjbGFzcz0ic2VzYW1lIj7okZfph43omZ88L2VtPuOAgu+8iHNvbmd0aSB0 Y++8iTwvcD4gCjxwIGxhbmc9InpoLUhhbnMtQ04iPui/meaYrzxlbSBjbGFzcz0ic2VzYW1lIj7n nYDph43lj7c8L2VtPuOAgu+8iHNvbmd0aSBzY++8iTwvcD4gCjwvZGl2Pgo8L2JvZHk+CjwvaHRt bD4=