diff options
| -rw-r--r-- | src/styles/main.css | 35 |
1 files changed, 29 insertions, 6 deletions
diff --git a/src/styles/main.css b/src/styles/main.css index 2994196..e61c05d 100644 --- a/src/styles/main.css +++ b/src/styles/main.css @@ -1,6 +1,33 @@ +@font-face { + font-family: "IBM Plex Mono"; + src: url("/static/fonts/ibm-plex-mono-medium-normal.woff2") format("woff2"); + font-style: normal; + font-weight: 400; +} + +@font-face { + font-family: "IBM Plex Mono"; + src: url("/static/fonts/ibm-plex-mono-medium-italic.woff2") format("woff2"); + font-style: italic; + font-weight: 400; +} + +@font-face { + font-family: "IBM Plex Mono"; + src: url("/static/fonts/ibm-plex-mono-bold-normal.woff2") format("woff2"); + font-style: normal; + font-weight: 600; +} + +@font-face { + font-family: "IBM Plex Mono"; + src: url("/static/fonts/ibm-plex-mono-bold-italic.woff2") format("woff2"); + font-style: italic; + font-weight: 600; +} + * { - font-family: monospace, monospace; - font-size: 1em; + font-family: "IBM Plex Mono", monospace; } body { @@ -19,7 +46,6 @@ header h1 { h1 > a { text-decoration-style: wavy; - /* text-decoration-thickness: 15%; */ } a, a:hover, a:visited { @@ -54,9 +80,6 @@ img { width: 100%; } -.img-item { -} - .img-item:not(:last-child) { margin-right: 1em; } |