[css] Use system fonts, remove other hacks

This commit is contained in:
Dhananjay Balan 2024-01-07 14:12:12 +01:00
parent ee72ffbd8c
commit bc1bbebc90

View File

@ -6,7 +6,7 @@ html {
display: grid;
grid-template-columns: 70% 30%;
grid-template-rows: auto;
font-family: 'IBM Plex Sans', sans-serif;
font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: 500;
font-size: 10pt;
}
@ -28,14 +28,12 @@ html {
body {
font-family: 'IBM Plex Serif', serif;
font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: 400;
color: #454545;
font-size: 20px;
margin: 2em auto;
max-width: 1000px;
padding: 1em;
line-height: 1.4;
text-align: left;
}
@ -44,9 +42,10 @@ blockquote {
}
video, code {
font-weight: 500;
max-width: 100%;
font-family: 'IBM Plex Mono', monospace;
font-weight: normal;
max-width: 98%;
margin: 3em auto;
font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
}
img {
@ -122,16 +121,13 @@ footer {
text-align: center;
}
a {
color: #454545;
font-weight: 430;
border-bottom: 2px dashed #808080;
text-decoration: none;
font-weight: bold;
}
a:hover {
border-bottom-color: red;
}
sup > a {
color: #454545;