Minseong Kim
fbf990e5ed
Automatic update from web-platform-tests [ruby-overhang] Use mplus font to resolve WPT failure in wpt.fyi The `ruby-overhang-spaces-vertical-003.html` test fails in the wpt.fyi Linux Docker environment due to a 1px mismatch, despite passing in the Chromium infrastructure. To resolve it, this CL updates the test to use the mplus font. This CL has been tested by using the WPT docker image. Docker Image: ghcr.io/web-platform-tests/wpt web-platform-tests dashboard: https://wpt.fyi/results/css/css-ruby?q=ruby-overhang-spaces-vertical-003.html Bug: 499042741, 366873207 Change-Id: Ice3b660fc6d59c5399714409ed4c6ae00e63ece2 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7916971 Reviewed-by: Koji Ishii <kojii@chromium.org> Reviewed-by: Kent Tamura <tkent@chromium.org> Commit-Queue: Koji Ishii <kojii@chromium.org> Cr-Commit-Position: refs/heads/main@{#1645149} -- wpt-commits: 5b709fef670869c961cb8eabdf26fb750fef1a3c wpt-pr: 60550
33 lines
1.1 KiB
HTML
33 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<meta charset="UTF-8">
|
|
<title>Tests for ruby-overhang: spaces with preserved spaces and in vertical writing modes</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#ruby-overhang">
|
|
<link rel="match" href="ruby-overhang-spaces-vertical-003-ref.html">
|
|
<meta name=assert content="With 'ruby-overhang: spaces', excess ruby overhangs on top of preserved spaces and in vertical writing modes.">
|
|
<style>
|
|
@font-face {
|
|
font-family: mplus;
|
|
src: url("/fonts/mplus-1p-regular.woff");
|
|
}
|
|
ruby {
|
|
ruby-overhang: spaces;
|
|
ruby-align: center;
|
|
}
|
|
span {
|
|
/* Use mplus font to resolve the 1px difference in wpt.fyi environment. */
|
|
font-family: mplus;
|
|
font-size: 20px;
|
|
writing-mode: vertical-lr;
|
|
border-top: 5px solid;
|
|
border-bottom: 5px solid;
|
|
width: max-content;
|
|
}
|
|
.test { border-color: orange; }
|
|
.measure { border-color: blue; }
|
|
</style>
|
|
<body lang="ja">
|
|
<p>Test passes if orange and blue lines are aligned.
|
|
</br>
|
|
<span class=test>あ <ruby>あ<rt>ああああああ</ruby> あ</span><span class=test>あ <ruby>あ<rt>ああああああ</ruby> あ</span><span class=measure>あ あ あ</span>
|
|
</body>
|