31 lines
668 B
HTML
31 lines
668 B
HTML
<!DOCTYPE html>
|
|
<meta charset="utf-8">
|
|
<script src="support/variant-class.js"></script>
|
|
<style>
|
|
@font-face {
|
|
font-family: halt-font;
|
|
src: url('/fonts/noto/cjk/NotoSansCJKjp-Regular-subset-halt.otf');
|
|
}
|
|
#container {
|
|
font-family: halt-font;
|
|
font-size: 20px;
|
|
inline-size: 4em;
|
|
text-spacing-trim: space-all;
|
|
}
|
|
.vrl {
|
|
writing-mode: vertical-rl;
|
|
}
|
|
halt {
|
|
font-feature-settings: 'halt' 1, 'vhal' 1;
|
|
}
|
|
.trim-start {
|
|
ps, ls { font-feature-settings: 'halt' 1, 'vhal' 1; }
|
|
}
|
|
.space-first {
|
|
ls { font-feature-settings: 'halt' 1, 'vhal' 1; }
|
|
}
|
|
</style>
|
|
<div id="container">
|
|
<div>国）<halt>（国</halt></div>
|
|
<div>国国国）<ls>（国</ls></div>
|
|
</div>
|