al/pages
1
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages Wiki Activity Actions

more consistent line height

Browse source
This commit is contained in:
Alexander 2025-06-09 18:56:29 -04:00
parent c37455d587
commit 5404ce85b4
2 changed files with 7 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

9
site/css/fonts.css
View file

@ -143,20 +143,22 @@
}
body {
font-size: calc(var(--base-font-size) * 1);
font-size: var(--base-font-size);
}
.font-body-serif body {
.font-hidpi body {
font-family: "BodySerif", sans-serif;
line-height: 1.475;
}
.font-body-sans body {
.font-lodpi body {
font-family: "BodySans", serif;
}
h1 {
font-family: "Heading";
font-style: italic;
line-height: normal;
}
h2,
@ -167,6 +169,7 @@ h6 {
font-family: "Subheading";
font-style: italic;
font-weight: normal;
line-height: normal;
}
h1 {

2
templates/main.html
View file

@ -7,7 +7,7 @@
<link rel="stylesheet" href="/css/index.css">
<link rel="icon" type="image/png" href="/assets/favicon.png">
<script>
const class_ = window.devicePixelRatio > 1 ? "font-body-serif" : "font-body-sans";
const class_ = `font-${window.devicePixelRatio >= 1.3 ? 'hidpi' : 'lodpi'}`;
document.documentElement.className = class_;
</script>
</head>