[css] Use system fonts, remove other hacks
This commit is contained in:
parent
ee72ffbd8c
commit
bc1bbebc90
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user