[css] Use system fonts, remove other hacks
This commit is contained in:
parent
ee72ffbd8c
commit
bc1bbebc90
@ -6,7 +6,7 @@ html {
|
|||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 70% 30%;
|
grid-template-columns: 70% 30%;
|
||||||
grid-template-rows: auto;
|
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-weight: 500;
|
||||||
font-size: 10pt;
|
font-size: 10pt;
|
||||||
}
|
}
|
||||||
@ -28,14 +28,12 @@ html {
|
|||||||
|
|
||||||
|
|
||||||
body {
|
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;
|
font-weight: 400;
|
||||||
color: #454545;
|
color: #454545;
|
||||||
font-size: 20px;
|
|
||||||
margin: 2em auto;
|
margin: 2em auto;
|
||||||
max-width: 1000px;
|
max-width: 1000px;
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
line-height: 1.4;
|
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -44,9 +42,10 @@ blockquote {
|
|||||||
}
|
}
|
||||||
|
|
||||||
video, code {
|
video, code {
|
||||||
font-weight: 500;
|
font-weight: normal;
|
||||||
max-width: 100%;
|
max-width: 98%;
|
||||||
font-family: 'IBM Plex Mono', monospace;
|
margin: 3em auto;
|
||||||
|
font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
@ -122,16 +121,13 @@ footer {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #454545;
|
color: #454545;
|
||||||
font-weight: 430;
|
font-weight: bold;
|
||||||
border-bottom: 2px dashed #808080;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
border-bottom-color: red;
|
border-bottom-color: red;
|
||||||
|
}
|
||||||
|
|
||||||
sup > a {
|
sup > a {
|
||||||
color: #454545;
|
color: #454545;
|
||||||
|
Loading…
Reference in New Issue
Block a user