diff --git a/style.css b/style.css index 9866845..d265ed9 100644 --- a/style.css +++ b/style.css @@ -15,8 +15,32 @@ /* ## Typography ## */ -@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,100italic,400italic,700,700italic); -@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono); +/* @import url(https://fonts.googleapis.com/css?family=Raleway:400,100,100italic,400italic,700,700italic); */ +/* @import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono); */ + +@font-face { + font-family: "IBM_Plex_Mono"; + src: + local("IBM Plex Mono"), + url("fonts/IBM_Plex_Mono/IBMPlexMono-Regular.ttf"); + font-weight: normal; +} + +@font-face { + font-family: "RalewayV"; + src: + local("Raleway"), + url("fonts/Raleway/Raleway-VariableFont_wght.ttf"); + font-style: normal; +} + +@font-face { + font-family: "RalewayV"; + src: + local("Raleway"), + url("fonts/Raleway/Raleway-Italic-VariableFont_wght.ttf"); + font-style: italic; +} /* Serif */ body, @@ -46,18 +70,25 @@ blockquote, .widecolumn .mu_register label, .wp-block-pullquote, .wp-block-quote, -.main-navigation { font-family: Raleway, "Helvetica Neue", sans-serif; } +.main-navigation { font-family: RalewayV, "Helvetica Neue", sans-serif; } /* Monospace */ pre, code, .wp-block-code, +.wp-block-code code, .wp-block-preformatted { - font-family: 'IBM Plex Mono', monospace; + font-family: 'IBM_Plex_Mono', monospace; background-color: transparent; } +/* ## Regular Tags */ + +body { +/* background-color: white; */ +} + /* ## Gutenberg Blocks ## */ .wp-block-verse {