Skip to content

Instantly share code, notes, and snippets.

@kissge

kissge/yugothic.html

Last active June 13, 2022 13:25
Show Gist options
  • Save kissge/842cda0c37a5715b15fa0a62347b5d08 to your computer and use it in GitHub Desktop.
Save kissge/842cda0c37a5715b15fa0a62347b5d08 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
yugothic.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>開設する</title>
<style>
body {
font-family: monospace;
font-size: 10pt;
}
main {
display: grid;
width: auto;
grid-template-columns: auto 1fr;
gap: 2rem;
}
p {
margin: 1rem 0;
line-height: 1;
}
p:last-child {
font-size: 72pt;
}
</style>
</head>
<body>
<script>
document.write(navigator.userAgent);
</script>
<main>
<section>
<p>font-family: YuGothic; font-weight: 500</p>
<p style="font-family: YuGothic; font-weight: 500">開設する</p>
</section>
<section>
<p>font-family: YuGothic; font-weight: 700</p>
<p style="font-family: YuGothic; font-weight: 700">開設する</p>
</section>
<section>
<p>font-family: YuGothic Bold; font-weight: 500</p>
<p style="font-family: YuGothic Bold; font-weight: 500">開設する</p>
</section>
<section>
<p>font-family: YuGothic Bold; font-weight: 700</p>
<p style="font-family: YuGothic Bold; font-weight: 700">開設する</p>
</section>
<section>
<p>font-family: YuGothic Medium; font-weight: 500</p>
<p style="font-family: YuGothic Medium; font-weight: 500">開設する</p>
</section>
<section>
<p>font-family: YuGothic Medium; font-weight: 700</p>
<p style="font-family: YuGothic Medium; font-weight: 700">開設する</p>
</section>
</main>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment