From 44519eb0c9d1c4bc5295708bd8feeb174c04825a Mon Sep 17 00:00:00 2001 From: David Vazgenovich Shakaryan Date: Fri, 13 May 2022 21:24:18 -0700 Subject: web: host fonts locally --- web/static/style.css | 46 +++++++++++++++++++++++++++++++++++++++++----- 1 file changed, 41 insertions(+), 5 deletions(-) (limited to 'web/static/style.css') diff --git a/web/static/style.css b/web/static/style.css index 0d2fbcd..852cffd 100644 --- a/web/static/style.css +++ b/web/static/style.css @@ -1,4 +1,40 @@ -@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Source+Serif+Pro:ital,wght@0,400;0,700;1,400&display=swap'); +@font-face { + font-family: 'Lato'; + font-weight: 400; + font-display: swap; + src: url('fonts/Lato-Regular.woff2') format('woff2'); +} + +@font-face { + font-family: 'Lato'; + font-weight: 700; + font-display: swap; + src: url('fonts/Lato-Bold.woff2') format('woff2'); +} + +@font-face { + font-family: 'Source Serif 4'; + font-weight: 400; + font-style: normal; + font-display: swap; + src: url('fonts/SourceSerif4-Regular.ttf.woff2') format('woff2'); +} + +@font-face { + font-family: 'Source Serif 4'; + font-weight: 400; + font-style: italic; + font-display: swap; + src: url('fonts/SourceSerif4-It.ttf.woff2') format('woff2'); +} + +@font-face { + font-family: 'Source Serif 4'; + font-weight: 700; + font-style: normal; + font-display: swap; + src: url('fonts/SourceSerif4-Bold.ttf.woff2') format('woff2'); +} @font-face { font-family: 'bootstrap-icons-sub'; @@ -6,8 +42,8 @@ } @font-face { - font-family: 'inter-num'; - src: url('fonts/inter-num.woff2') format('woff2'); + font-family: 'Inter-num'; + src: url('fonts/Inter-num.woff2') format('woff2'); } html { @@ -270,7 +306,7 @@ body { } #controls #keypad-dartboard #dartboard { - font-family: 'inter-num'; + font-family: 'Inter-num'; height: 100%; filter: drop-shadow(0 0 0.4rem #111); @@ -512,7 +548,7 @@ body { .modal-content { background-color: #222; font-size: 1.4em; - font-family: 'Source Serif Pro', serif; + font-family: 'Source Serif 4', serif; user-select: text; width: calc(min(44em, 100%) - 8em); -- cgit v1.2.3-70-g09d2