Switch English serif from Vollkorn to Crimson Pro
Vollkorn read as too chunky next to the Malayalam bio in Manjari. Crimson Pro is a calmer book-face serif that pairs more evenly. Renames the CSS variable from --vk to --serif to reflect that the value is no longer Vollkorn-specific, and bumps .ml to 17px/1.5 so the Malayalam subtitle sits at a comfortable reading size.
This commit is contained in:
+11
-9
@@ -9,8 +9,8 @@
|
||||
--fg4: #a89984;
|
||||
--aqua: #8ec07c;
|
||||
--line: #3c3836;
|
||||
--vk: 'Vollkorn', Georgia, serif;
|
||||
--mj: 'Manjari', sans-serif;
|
||||
--serif: 'Crimson Pro', Georgia, serif;
|
||||
--mj: 'Manjari', sans-serif;
|
||||
}
|
||||
|
||||
*, *::before, *::after {
|
||||
@@ -22,7 +22,7 @@
|
||||
body {
|
||||
background: var(--bg);
|
||||
color: var(--fg);
|
||||
font-family: var(--vk);
|
||||
font-family: var(--serif);
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
@@ -65,11 +65,11 @@ body {
|
||||
font-size: 32px;
|
||||
font-weight: 700;
|
||||
color: var(--fg3);
|
||||
font-family: var(--vk);
|
||||
font-family: var(--serif);
|
||||
}
|
||||
|
||||
.pinfo h1 {
|
||||
font-family: var(--vk);
|
||||
font-family: var(--serif);
|
||||
font-size: 26px;
|
||||
font-weight: 700;
|
||||
color: var(--fg);
|
||||
@@ -108,6 +108,8 @@ body {
|
||||
font-family: var(--mj);
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 17px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.rss-a {
|
||||
@@ -174,7 +176,7 @@ body {
|
||||
text-decoration: none;
|
||||
padding: 8px 0;
|
||||
margin-bottom: 16px;
|
||||
font-family: var(--vk);
|
||||
font-family: var(--serif);
|
||||
}
|
||||
|
||||
.back-btn:hover {
|
||||
@@ -240,7 +242,7 @@ body {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: var(--fg3);
|
||||
font-family: var(--vk);
|
||||
font-family: var(--serif);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
@@ -248,11 +250,11 @@ body {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: var(--fg);
|
||||
font-family: var(--vk);
|
||||
font-family: var(--serif);
|
||||
}
|
||||
|
||||
.dcaption {
|
||||
font-family: var(--vk);
|
||||
font-family: var(--serif);
|
||||
font-size: 17px;
|
||||
font-style: italic;
|
||||
color: var(--fg);
|
||||
|
||||
Reference in New Issue
Block a user