blob: 3fc949efd1c157ef00926e46a5fce8d8aad14bc2 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
<!DOCTYPE html>
<meta charset="utf-8">
<link rel="help" href="https://drafts.csswg.org/css-text-4/#text-spacing-trim-property">
<link rel="match" href="text-spacing-trim-space-all-001-ref.html">
<meta name="variant" content="?class=halt">
<meta name="variant" content="?class=chws">
<script src="support/variant-class.js"></script>
<style>
@font-face {
font-family: halt-font;
src: url('/fonts/noto/cjk/NotoSansCJKjp-Regular-subset-halt.otf');
}
@font-face {
font-family: chws-font;
src: url('/fonts/noto/cjk/NotoSansCJKjp-Regular-subset-chws.otf');
}
#container {
font-family: halt-font;
font-size: 20px;
width: 4em;
}
.chws #container {
font-family: chws-font;
}
#container > div > span {
background: black;
}
.off {
text-spacing-trim: space-all;
}
</style>
<div id="container">
<div><span>国）（国国（（国（国</span></div>
</div>
<script>
document.fonts.ready.then(() => {
document.body.offsetTop;
const container = document.getElementById('container');
container.classList.add('off');
});
</script>
|
