饂飩
w04.svg<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 30 15" width="300" height="150">
<foreignObject x="0" y="0" width="30" height="15">
<html xmlns="http://www.w3.org/1999/xhtml">
<style>
div {
color:red;
background-color:transparent;
font-size: 15px;
font-weight: bold;
font-family: "Noto Sans Mono CJK JP Bold";
line-height: 1em;
width:100%;height:100%;
transform-origin: top left;
transform: scale(0.99, 1);
}
@media (prefers-color-scheme: light) {
div {
color:#333;
}
}
@media (prefers-color-scheme: dark) {
div {
color:#DDD;
}
}
</style>
<div>
饂飩
</div>
</html>
</foreignObject>
</svg>