diff options
| author | Evan <38150833+beigebeats@users.noreply.github.com> | 2023-12-13 10:25:39 -0800 |
|---|---|---|
| committer | Evan <38150833+beigebeats@users.noreply.github.com> | 2023-12-13 10:25:39 -0800 |
| commit | 5a4dd81d20d139a54eb77cb7a5dad911c654a91d (patch) | |
| tree | 1a8e7278145ca6a19ac7f479eb098e5e9afab9fa | |
| parent | 59a283ac82fb89452ff55e85244617ca6e87745d (diff) | |
Added Font Files
| -rw-r--r-- | fonts/JosefinSans-VariableFont_wght.ttf | bin | 0 -> 117720 bytes | |||
| -rw-r--r-- | index.html | 4 | ||||
| -rw-r--r-- | styles.css | 5 | ||||
| -rw-r--r-- | styles.scss | 7 |
4 files changed, 12 insertions, 4 deletions
diff --git a/fonts/JosefinSans-VariableFont_wght.ttf b/fonts/JosefinSans-VariableFont_wght.ttf Binary files differnew file mode 100644 index 0000000..00ea1e7 --- /dev/null +++ b/fonts/JosefinSans-VariableFont_wght.ttf @@ -5,10 +5,6 @@ <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>QR Code Menu</title> <link rel="stylesheet" href="styles.css"> - <link rel="preconnect" href="https://fonts.googleapis.com"> - <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap" rel="stylesheet"> - <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&family=Josefin+Slab&display=swap" rel="stylesheet"> </head> <body> <div class="menu-container"> @@ -1,3 +1,8 @@ +@font-face { + font-family: "Josefin Sans"; + src: url("fonts/JosefinSans-VariableFont_wght.ttf"); + src: url("fonts/JosefinSans-VariableFont_wght.ttf") format("truetype"); +} * { margin: 0px; padding: 0px; diff --git a/styles.scss b/styles.scss index de1b44e..5b82a6f 100644 --- a/styles.scss +++ b/styles.scss @@ -6,6 +6,13 @@ $secondary-color: #487143; $accent-color: #cfab28; // Fonts +@font-face { +font-family: "Josefin Sans"; +src: url('fonts/JosefinSans-VariableFont_wght.ttf'); +src: url('fonts/JosefinSans-VariableFont_wght.ttf') format('truetype'); +} + + $sans-serif-font: 'Josefin Sans'; $serif-font: 'Josefin Slab'; |