From e43db5923d3556a6ada84329d7c2f17ea3b9378d Mon Sep 17 00:00:00 2001 From: intergrav Date: Sun, 14 Jul 2024 12:30:15 -0400 Subject: [PATCH] chore: prettier config and prettier write --- README.md | 9 +- package.json | 33 +-- serve/geist-mono.css | 118 ++++----- serve/geist.css | 118 ++++----- serve/inter.css | 235 +++++++++--------- serve/jetbrains-mono.css | 211 ++++++++-------- serve/open-sans-condensed.css | 210 +++++++++------- serve/open-sans-semicondensed.css | 217 ++++++++++------- serve/open-sans.css | 193 ++++++++------- serve/roboto-condensed.css | 392 +++++++++++++++++------------- serve/roboto-mono.css | 225 +++++++++-------- serve/roboto-slab.css | 145 ++++++----- serve/roboto.css | 193 ++++++++------- 13 files changed, 1288 insertions(+), 1011 deletions(-) diff --git a/README.md b/README.md index 05dda84..4d00904 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ [![NPM Version](https://img.shields.io/npm/v/@intergrav/fonts)](https://www.npmjs.com/package/@intergrav/fonts) [![jsDelivr hits (npm)](https://img.shields.io/jsdelivr/npm/hm/@intergrav/fonts)](https://cdn.jsdelivr.net/npm/@intergrav/fonts/) [![GitHub Repo stars](https://img.shields.io/github/stars/intergrav/fonts)](https://github.com/intergrav/fonts) -A fast, open-source CDN for open-source fonts. Inspired by [xz/fonts](https://github.com/xz/fonts). +A fast, open-source CDN for open-source fonts. Inspired by [xz/fonts](https://github.com/xz/fonts). You can view available fonts in the `/serve` directory. More fonts will be added later. If you have any suggestions, open up an issue. @@ -21,13 +21,16 @@ intergrav/fonts, by comparison: In your CSS you could do: ```css -@import url('https://cdn.jsdelivr.net/npm/@intergrav/fonts@1/serve/inter.min.css'); +@import url("https://cdn.jsdelivr.net/npm/@intergrav/fonts@1/serve/inter.min.css"); ``` Or in your HTML's `` you could do: ```html - + ``` Replace `inter` with the font name, of course. diff --git a/package.json b/package.json index cb1cf71..a7df8cb 100644 --- a/package.json +++ b/package.json @@ -1,16 +1,19 @@ { - "name": "@intergrav/fonts", - "version": "1.0.4", - "description": "A fast, open-source CDN for open-source fonts. Inspired by xz/fonts.", - "main": "README.md", - "repository": { - "type": "git", - "url": "git+https://github.com/intergrav/fonts.git" - }, - "author": "intergrav (intergrav@proton.me)", - "license": "MIT", - "bugs": { - "url": "https://github.com/intergrav/fonts/issues" - }, - "homepage": "https://github.com/intergrav/fonts#readme" - } \ No newline at end of file + "name": "@intergrav/fonts", + "version": "1.0.4", + "description": "A fast, open-source CDN for open-source fonts. Inspired by xz/fonts.", + "main": "README.md", + "repository": { + "type": "git", + "url": "git+https://github.com/intergrav/fonts.git" + }, + "author": "intergrav (intergrav@proton.me)", + "license": "MIT", + "bugs": { + "url": "https://github.com/intergrav/fonts/issues" + }, + "homepage": "https://github.com/intergrav/fonts#readme", + "prettier": { + "useTabs": true + } +} diff --git a/serve/geist-mono.css b/serve/geist-mono.css index 16e1a35..954f00a 100644 --- a/serve/geist-mono.css +++ b/serve/geist-mono.css @@ -1,81 +1,89 @@ @font-face { - font-family: 'Geist Mono'; - src: url('src/geist-mono/GeistMono-SemiBold.woff2') format('woff2'), - url('src/geist-mono/GeistMono-SemiBold.woff') format('woff'); - font-weight: 600; - font-style: normal; - font-display: swap; + font-family: "Geist Mono"; + src: + url("src/geist-mono/GeistMono-SemiBold.woff2") format("woff2"), + url("src/geist-mono/GeistMono-SemiBold.woff") format("woff"); + font-weight: 600; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Geist Mono'; - src: url('src/geist-mono/GeistMono-Regular.woff2') format('woff2'), - url('src/geist-mono/GeistMono-Regular.woff') format('woff'); - font-weight: normal; - font-style: normal; - font-display: swap; + font-family: "Geist Mono"; + src: + url("src/geist-mono/GeistMono-Regular.woff2") format("woff2"), + url("src/geist-mono/GeistMono-Regular.woff") format("woff"); + font-weight: normal; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Geist Mono'; - src: url('src/geist-mono/GeistMono-Light.woff2') format('woff2'), - url('src/geist-mono/GeistMono-Light.woff') format('woff'); - font-weight: 300; - font-style: normal; - font-display: swap; + font-family: "Geist Mono"; + src: + url("src/geist-mono/GeistMono-Light.woff2") format("woff2"), + url("src/geist-mono/GeistMono-Light.woff") format("woff"); + font-weight: 300; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Geist Mono'; - src: url('src/geist-mono/GeistMono-Medium.woff2') format('woff2'), - url('src/geist-mono/GeistMono-Medium.woff') format('woff'); - font-weight: 500; - font-style: normal; - font-display: swap; + font-family: "Geist Mono"; + src: + url("src/geist-mono/GeistMono-Medium.woff2") format("woff2"), + url("src/geist-mono/GeistMono-Medium.woff") format("woff"); + font-weight: 500; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Geist Mono'; - src: url('src/geist-mono/GeistMono-Bold.woff2') format('woff2'), - url('src/geist-mono/GeistMono-Bold.woff') format('woff'); - font-weight: bold; - font-style: normal; - font-display: swap; + font-family: "Geist Mono"; + src: + url("src/geist-mono/GeistMono-Bold.woff2") format("woff2"), + url("src/geist-mono/GeistMono-Bold.woff") format("woff"); + font-weight: bold; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Geist Mono UltraBlack'; - src: url('src/geist-mono/GeistMono-UltraBlack.woff2') format('woff2'), - url('src/geist-mono/GeistMono-UltraBlack.woff') format('woff'); - font-weight: 900; - font-style: normal; - font-display: swap; + font-family: "Geist Mono UltraBlack"; + src: + url("src/geist-mono/GeistMono-UltraBlack.woff2") format("woff2"), + url("src/geist-mono/GeistMono-UltraBlack.woff") format("woff"); + font-weight: 900; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Geist Mono'; - src: url('src/geist-mono/GeistMono-UltraLight.woff2') format('woff2'), - url('src/geist-mono/GeistMono-UltraLight.woff') format('woff'); - font-weight: 200; - font-style: normal; - font-display: swap; + font-family: "Geist Mono"; + src: + url("src/geist-mono/GeistMono-UltraLight.woff2") format("woff2"), + url("src/geist-mono/GeistMono-UltraLight.woff") format("woff"); + font-weight: 200; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Geist Mono'; - src: url('src/geist-mono/GeistMono-Black.woff2') format('woff2'), - url('src/geist-mono/GeistMono-Black.woff') format('woff'); - font-weight: 900; - font-style: normal; - font-display: swap; + font-family: "Geist Mono"; + src: + url("src/geist-mono/GeistMono-Black.woff2") format("woff2"), + url("src/geist-mono/GeistMono-Black.woff") format("woff"); + font-weight: 900; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Geist Mono'; - src: url('src/geist-mono/GeistMono-Thin.woff2') format('woff2'), - url('src/geist-mono/GeistMono-Thin.woff') format('woff'); - font-weight: 100; - font-style: normal; - font-display: swap; + font-family: "Geist Mono"; + src: + url("src/geist-mono/GeistMono-Thin.woff2") format("woff2"), + url("src/geist-mono/GeistMono-Thin.woff") format("woff"); + font-weight: 100; + font-style: normal; + font-display: swap; } - diff --git a/serve/geist.css b/serve/geist.css index 31cd7f4..d8e7fcd 100644 --- a/serve/geist.css +++ b/serve/geist.css @@ -1,81 +1,89 @@ @font-face { - font-family: 'Geist'; - src: url('src/geist/Geist-Medium.woff2') format('woff2'), - url('src/geist/Geist-Medium.woff') format('woff'); - font-weight: 500; - font-style: normal; - font-display: swap; + font-family: "Geist"; + src: + url("src/geist/Geist-Medium.woff2") format("woff2"), + url("src/geist/Geist-Medium.woff") format("woff"); + font-weight: 500; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Geist'; - src: url('src/geist/Geist-Light.woff2') format('woff2'), - url('src/geist/Geist-Light.woff') format('woff'); - font-weight: 300; - font-style: normal; - font-display: swap; + font-family: "Geist"; + src: + url("src/geist/Geist-Light.woff2") format("woff2"), + url("src/geist/Geist-Light.woff") format("woff"); + font-weight: 300; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Geist'; - src: url('src/geist/Geist-SemiBold.woff2') format('woff2'), - url('src/geist/Geist-SemiBold.woff') format('woff'); - font-weight: 600; - font-style: normal; - font-display: swap; + font-family: "Geist"; + src: + url("src/geist/Geist-SemiBold.woff2") format("woff2"), + url("src/geist/Geist-SemiBold.woff") format("woff"); + font-weight: 600; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Geist'; - src: url('src/geist/Geist-Thin.woff2') format('woff2'), - url('src/geist/Geist-Thin.woff') format('woff'); - font-weight: 100; - font-style: normal; - font-display: swap; + font-family: "Geist"; + src: + url("src/geist/Geist-Thin.woff2") format("woff2"), + url("src/geist/Geist-Thin.woff") format("woff"); + font-weight: 100; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Geist'; - src: url('src/geist/Geist-Regular.woff2') format('woff2'), - url('src/geist/Geist-Regular.woff') format('woff'); - font-weight: normal; - font-style: normal; - font-display: swap; + font-family: "Geist"; + src: + url("src/geist/Geist-Regular.woff2") format("woff2"), + url("src/geist/Geist-Regular.woff") format("woff"); + font-weight: normal; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Geist'; - src: url('src/geist/Geist-Black.woff2') format('woff2'), - url('src/geist/Geist-Black.woff') format('woff'); - font-weight: 900; - font-style: normal; - font-display: swap; + font-family: "Geist"; + src: + url("src/geist/Geist-Black.woff2") format("woff2"), + url("src/geist/Geist-Black.woff") format("woff"); + font-weight: 900; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Geist'; - src: url('src/geist/Geist-UltraLight.woff2') format('woff2'), - url('src/geist/Geist-UltraLight.woff') format('woff'); - font-weight: 200; - font-style: normal; - font-display: swap; + font-family: "Geist"; + src: + url("src/geist/Geist-UltraLight.woff2") format("woff2"), + url("src/geist/Geist-UltraLight.woff") format("woff"); + font-weight: 200; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Geist'; - src: url('src/geist/Geist-Bold.woff2') format('woff2'), - url('src/geist/Geist-Bold.woff') format('woff'); - font-weight: bold; - font-style: normal; - font-display: swap; + font-family: "Geist"; + src: + url("src/geist/Geist-Bold.woff2") format("woff2"), + url("src/geist/Geist-Bold.woff") format("woff"); + font-weight: bold; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Geist UltraBlack'; - src: url('src/geist/Geist-UltraBlack.woff2') format('woff2'), - url('src/geist/Geist-UltraBlack.woff') format('woff'); - font-weight: 900; - font-style: normal; - font-display: swap; + font-family: "Geist UltraBlack"; + src: + url("src/geist/Geist-UltraBlack.woff2") format("woff2"), + url("src/geist/Geist-UltraBlack.woff") format("woff"); + font-weight: 900; + font-style: normal; + font-display: swap; } - diff --git a/serve/inter.css b/serve/inter.css index 2b36a3e..60f517d 100644 --- a/serve/inter.css +++ b/serve/inter.css @@ -1,162 +1,179 @@ @font-face { - font-family: 'Inter'; - src: url('src/inter/Inter-BlackItalic.woff2') format('woff2'), - url('src/inter/Inter-BlackItalic.woff') format('woff'); - font-weight: 900; - font-style: italic; - font-display: swap; + font-family: "Inter"; + src: + url("src/inter/Inter-BlackItalic.woff2") format("woff2"), + url("src/inter/Inter-BlackItalic.woff") format("woff"); + font-weight: 900; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Inter'; - src: url('src/inter/Inter-Black.woff2') format('woff2'), - url('src/inter/Inter-Black.woff') format('woff'); - font-weight: 900; - font-style: normal; - font-display: swap; + font-family: "Inter"; + src: + url("src/inter/Inter-Black.woff2") format("woff2"), + url("src/inter/Inter-Black.woff") format("woff"); + font-weight: 900; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Inter'; - src: url('src/inter/Inter-Bold.woff2') format('woff2'), - url('src/inter/Inter-Bold.woff') format('woff'); - font-weight: bold; - font-style: normal; - font-display: swap; + font-family: "Inter"; + src: + url("src/inter/Inter-Bold.woff2") format("woff2"), + url("src/inter/Inter-Bold.woff") format("woff"); + font-weight: bold; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Inter'; - src: url('src/inter/Inter-ExtraBold.woff2') format('woff2'), - url('src/inter/Inter-ExtraBold.woff') format('woff'); - font-weight: bold; - font-style: normal; - font-display: swap; + font-family: "Inter"; + src: + url("src/inter/Inter-ExtraBold.woff2") format("woff2"), + url("src/inter/Inter-ExtraBold.woff") format("woff"); + font-weight: bold; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Inter'; - src: url('src/inter/Inter-Italic.woff2') format('woff2'), - url('src/inter/Inter-Italic.woff') format('woff'); - font-weight: normal; - font-style: italic; - font-display: swap; + font-family: "Inter"; + src: + url("src/inter/Inter-Italic.woff2") format("woff2"), + url("src/inter/Inter-Italic.woff") format("woff"); + font-weight: normal; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Inter'; - src: url('src/inter/Inter-ExtraLight.woff2') format('woff2'), - url('src/inter/Inter-ExtraLight.woff') format('woff'); - font-weight: 200; - font-style: normal; - font-display: swap; + font-family: "Inter"; + src: + url("src/inter/Inter-ExtraLight.woff2") format("woff2"), + url("src/inter/Inter-ExtraLight.woff") format("woff"); + font-weight: 200; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Inter'; - src: url('src/inter/Inter-ExtraLightItalic.woff2') format('woff2'), - url('src/inter/Inter-ExtraLightItalic.woff') format('woff'); - font-weight: 200; - font-style: italic; - font-display: swap; + font-family: "Inter"; + src: + url("src/inter/Inter-ExtraLightItalic.woff2") format("woff2"), + url("src/inter/Inter-ExtraLightItalic.woff") format("woff"); + font-weight: 200; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Inter'; - src: url('src/inter/Inter-ExtraBoldItalic.woff2') format('woff2'), - url('src/inter/Inter-ExtraBoldItalic.woff') format('woff'); - font-weight: bold; - font-style: italic; - font-display: swap; + font-family: "Inter"; + src: + url("src/inter/Inter-ExtraBoldItalic.woff2") format("woff2"), + url("src/inter/Inter-ExtraBoldItalic.woff") format("woff"); + font-weight: bold; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Inter'; - src: url('src/inter/Inter-BoldItalic.woff2') format('woff2'), - url('src/inter/Inter-BoldItalic.woff') format('woff'); - font-weight: bold; - font-style: italic; - font-display: swap; + font-family: "Inter"; + src: + url("src/inter/Inter-BoldItalic.woff2") format("woff2"), + url("src/inter/Inter-BoldItalic.woff") format("woff"); + font-weight: bold; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Inter'; - src: url('src/inter/Inter-ThinItalic.woff2') format('woff2'), - url('src/inter/Inter-ThinItalic.woff') format('woff'); - font-weight: 100; - font-style: italic; - font-display: swap; + font-family: "Inter"; + src: + url("src/inter/Inter-ThinItalic.woff2") format("woff2"), + url("src/inter/Inter-ThinItalic.woff") format("woff"); + font-weight: 100; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Inter'; - src: url('src/inter/Inter-Regular.woff2') format('woff2'), - url('src/inter/Inter-Regular.woff') format('woff'); - font-weight: normal; - font-style: normal; - font-display: swap; + font-family: "Inter"; + src: + url("src/inter/Inter-Regular.woff2") format("woff2"), + url("src/inter/Inter-Regular.woff") format("woff"); + font-weight: normal; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Inter'; - src: url('src/inter/Inter-SemiBoldItalic.woff2') format('woff2'), - url('src/inter/Inter-SemiBoldItalic.woff') format('woff'); - font-weight: 600; - font-style: italic; - font-display: swap; + font-family: "Inter"; + src: + url("src/inter/Inter-SemiBoldItalic.woff2") format("woff2"), + url("src/inter/Inter-SemiBoldItalic.woff") format("woff"); + font-weight: 600; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Inter'; - src: url('src/inter/Inter-Medium.woff2') format('woff2'), - url('src/inter/Inter-Medium.woff') format('woff'); - font-weight: 500; - font-style: normal; - font-display: swap; + font-family: "Inter"; + src: + url("src/inter/Inter-Medium.woff2") format("woff2"), + url("src/inter/Inter-Medium.woff") format("woff"); + font-weight: 500; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Inter'; - src: url('src/inter/Inter-SemiBold.woff2') format('woff2'), - url('src/inter/Inter-SemiBold.woff') format('woff'); - font-weight: 600; - font-style: normal; - font-display: swap; + font-family: "Inter"; + src: + url("src/inter/Inter-SemiBold.woff2") format("woff2"), + url("src/inter/Inter-SemiBold.woff") format("woff"); + font-weight: 600; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Inter'; - src: url('src/inter/Inter-Light.woff2') format('woff2'), - url('src/inter/Inter-Light.woff') format('woff'); - font-weight: 300; - font-style: normal; - font-display: swap; + font-family: "Inter"; + src: + url("src/inter/Inter-Light.woff2") format("woff2"), + url("src/inter/Inter-Light.woff") format("woff"); + font-weight: 300; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Inter'; - src: url('src/inter/Inter-MediumItalic.woff2') format('woff2'), - url('src/inter/Inter-MediumItalic.woff') format('woff'); - font-weight: 500; - font-style: italic; - font-display: swap; + font-family: "Inter"; + src: + url("src/inter/Inter-MediumItalic.woff2") format("woff2"), + url("src/inter/Inter-MediumItalic.woff") format("woff"); + font-weight: 500; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Inter'; - src: url('src/inter/Inter-Thin.woff2') format('woff2'), - url('src/inter/Inter-Thin.woff') format('woff'); - font-weight: 100; - font-style: normal; - font-display: swap; + font-family: "Inter"; + src: + url("src/inter/Inter-Thin.woff2") format("woff2"), + url("src/inter/Inter-Thin.woff") format("woff"); + font-weight: 100; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Inter'; - src: url('src/inter/Inter-LightItalic.woff2') format('woff2'), - url('src/inter/Inter-LightItalic.woff') format('woff'); - font-weight: 300; - font-style: italic; - font-display: swap; + font-family: "Inter"; + src: + url("src/inter/Inter-LightItalic.woff2") format("woff2"), + url("src/inter/Inter-LightItalic.woff") format("woff"); + font-weight: 300; + font-style: italic; + font-display: swap; } - diff --git a/serve/jetbrains-mono.css b/serve/jetbrains-mono.css index cbbd3dc..774f9b5 100644 --- a/serve/jetbrains-mono.css +++ b/serve/jetbrains-mono.css @@ -1,144 +1,161 @@ @font-face { - font-family: 'JetBrains Mono'; - src: url('src/jetbrains-mono/JetBrainsMono-Bold.woff2') format('woff2'), - url('src/jetbrains-mono/JetBrainsMono-Bold.woff') format('woff'); - font-weight: bold; - font-style: normal; - font-display: swap; + font-family: "JetBrains Mono"; + src: + url("src/jetbrains-mono/JetBrainsMono-Bold.woff2") format("woff2"), + url("src/jetbrains-mono/JetBrainsMono-Bold.woff") format("woff"); + font-weight: bold; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'JetBrains Mono'; - src: url('src/jetbrains-mono/JetBrainsMono-ExtraBold.woff2') format('woff2'), - url('src/jetbrains-mono/JetBrainsMono-ExtraBold.woff') format('woff'); - font-weight: bold; - font-style: normal; - font-display: swap; + font-family: "JetBrains Mono"; + src: + url("src/jetbrains-mono/JetBrainsMono-ExtraBold.woff2") format("woff2"), + url("src/jetbrains-mono/JetBrainsMono-ExtraBold.woff") format("woff"); + font-weight: bold; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'JetBrains Mono'; - src: url('src/jetbrains-mono/JetBrainsMono-BoldItalic.woff2') format('woff2'), - url('src/jetbrains-mono/JetBrainsMono-BoldItalic.woff') format('woff'); - font-weight: bold; - font-style: italic; - font-display: swap; + font-family: "JetBrains Mono"; + src: + url("src/jetbrains-mono/JetBrainsMono-BoldItalic.woff2") format("woff2"), + url("src/jetbrains-mono/JetBrainsMono-BoldItalic.woff") format("woff"); + font-weight: bold; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'JetBrains Mono'; - src: url('src/jetbrains-mono/JetBrainsMono-ExtraLightItalic.woff2') format('woff2'), - url('src/jetbrains-mono/JetBrainsMono-ExtraLightItalic.woff') format('woff'); - font-weight: 200; - font-style: italic; - font-display: swap; + font-family: "JetBrains Mono"; + src: + url("src/jetbrains-mono/JetBrainsMono-ExtraLightItalic.woff2") + format("woff2"), + url("src/jetbrains-mono/JetBrainsMono-ExtraLightItalic.woff") format("woff"); + font-weight: 200; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'JetBrains Mono'; - src: url('src/jetbrains-mono/JetBrainsMono-ExtraLight.woff2') format('woff2'), - url('src/jetbrains-mono/JetBrainsMono-ExtraLight.woff') format('woff'); - font-weight: 200; - font-style: normal; - font-display: swap; + font-family: "JetBrains Mono"; + src: + url("src/jetbrains-mono/JetBrainsMono-ExtraLight.woff2") format("woff2"), + url("src/jetbrains-mono/JetBrainsMono-ExtraLight.woff") format("woff"); + font-weight: 200; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'JetBrains Mono'; - src: url('src/jetbrains-mono/JetBrainsMono-ExtraBoldItalic.woff2') format('woff2'), - url('src/jetbrains-mono/JetBrainsMono-ExtraBoldItalic.woff') format('woff'); - font-weight: bold; - font-style: italic; - font-display: swap; + font-family: "JetBrains Mono"; + src: + url("src/jetbrains-mono/JetBrainsMono-ExtraBoldItalic.woff2") + format("woff2"), + url("src/jetbrains-mono/JetBrainsMono-ExtraBoldItalic.woff") format("woff"); + font-weight: bold; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'JetBrains Mono'; - src: url('src/jetbrains-mono/JetBrainsMono-Light.woff2') format('woff2'), - url('src/jetbrains-mono/JetBrainsMono-Light.woff') format('woff'); - font-weight: 300; - font-style: normal; - font-display: swap; + font-family: "JetBrains Mono"; + src: + url("src/jetbrains-mono/JetBrainsMono-Light.woff2") format("woff2"), + url("src/jetbrains-mono/JetBrainsMono-Light.woff") format("woff"); + font-weight: 300; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'JetBrains Mono'; - src: url('src/jetbrains-mono/JetBrainsMono-LightItalic.woff2') format('woff2'), - url('src/jetbrains-mono/JetBrainsMono-LightItalic.woff') format('woff'); - font-weight: 300; - font-style: italic; - font-display: swap; + font-family: "JetBrains Mono"; + src: + url("src/jetbrains-mono/JetBrainsMono-LightItalic.woff2") format("woff2"), + url("src/jetbrains-mono/JetBrainsMono-LightItalic.woff") format("woff"); + font-weight: 300; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'JetBrains Mono'; - src: url('src/jetbrains-mono/JetBrainsMono-Italic.woff2') format('woff2'), - url('src/jetbrains-mono/JetBrainsMono-Italic.woff') format('woff'); - font-weight: normal; - font-style: italic; - font-display: swap; + font-family: "JetBrains Mono"; + src: + url("src/jetbrains-mono/JetBrainsMono-Italic.woff2") format("woff2"), + url("src/jetbrains-mono/JetBrainsMono-Italic.woff") format("woff"); + font-weight: normal; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'JetBrains Mono'; - src: url('src/jetbrains-mono/JetBrainsMono-Medium.woff2') format('woff2'), - url('src/jetbrains-mono/JetBrainsMono-Medium.woff') format('woff'); - font-weight: 500; - font-style: normal; - font-display: swap; + font-family: "JetBrains Mono"; + src: + url("src/jetbrains-mono/JetBrainsMono-Medium.woff2") format("woff2"), + url("src/jetbrains-mono/JetBrainsMono-Medium.woff") format("woff"); + font-weight: 500; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'JetBrains Mono'; - src: url('src/jetbrains-mono/JetBrainsMono-ThinItalic.woff2') format('woff2'), - url('src/jetbrains-mono/JetBrainsMono-ThinItalic.woff') format('woff'); - font-weight: 100; - font-style: italic; - font-display: swap; + font-family: "JetBrains Mono"; + src: + url("src/jetbrains-mono/JetBrainsMono-ThinItalic.woff2") format("woff2"), + url("src/jetbrains-mono/JetBrainsMono-ThinItalic.woff") format("woff"); + font-weight: 100; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'JetBrains Mono'; - src: url('src/jetbrains-mono/JetBrainsMono-SemiBold.woff2') format('woff2'), - url('src/jetbrains-mono/JetBrainsMono-SemiBold.woff') format('woff'); - font-weight: 600; - font-style: normal; - font-display: swap; + font-family: "JetBrains Mono"; + src: + url("src/jetbrains-mono/JetBrainsMono-SemiBold.woff2") format("woff2"), + url("src/jetbrains-mono/JetBrainsMono-SemiBold.woff") format("woff"); + font-weight: 600; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'JetBrains Mono'; - src: url('src/jetbrains-mono/JetBrainsMono-Thin.woff2') format('woff2'), - url('src/jetbrains-mono/JetBrainsMono-Thin.woff') format('woff'); - font-weight: 100; - font-style: normal; - font-display: swap; + font-family: "JetBrains Mono"; + src: + url("src/jetbrains-mono/JetBrainsMono-Thin.woff2") format("woff2"), + url("src/jetbrains-mono/JetBrainsMono-Thin.woff") format("woff"); + font-weight: 100; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'JetBrains Mono'; - src: url('src/jetbrains-mono/JetBrainsMono-MediumItalic.woff2') format('woff2'), - url('src/jetbrains-mono/JetBrainsMono-MediumItalic.woff') format('woff'); - font-weight: 500; - font-style: italic; - font-display: swap; + font-family: "JetBrains Mono"; + src: + url("src/jetbrains-mono/JetBrainsMono-MediumItalic.woff2") format("woff2"), + url("src/jetbrains-mono/JetBrainsMono-MediumItalic.woff") format("woff"); + font-weight: 500; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'JetBrains Mono'; - src: url('src/jetbrains-mono/JetBrainsMono-Regular.woff2') format('woff2'), - url('src/jetbrains-mono/JetBrainsMono-Regular.woff') format('woff'); - font-weight: normal; - font-style: normal; - font-display: swap; + font-family: "JetBrains Mono"; + src: + url("src/jetbrains-mono/JetBrainsMono-Regular.woff2") format("woff2"), + url("src/jetbrains-mono/JetBrainsMono-Regular.woff") format("woff"); + font-weight: normal; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'JetBrains Mono'; - src: url('src/jetbrains-mono/JetBrainsMono-SemiBoldItalic.woff2') format('woff2'), - url('src/jetbrains-mono/JetBrainsMono-SemiBoldItalic.woff') format('woff'); - font-weight: 600; - font-style: italic; - font-display: swap; + font-family: "JetBrains Mono"; + src: + url("src/jetbrains-mono/JetBrainsMono-SemiBoldItalic.woff2") format("woff2"), + url("src/jetbrains-mono/JetBrainsMono-SemiBoldItalic.woff") format("woff"); + font-weight: 600; + font-style: italic; + font-display: swap; } - diff --git a/serve/open-sans-condensed.css b/serve/open-sans-condensed.css index 971edba..04168d3 100644 --- a/serve/open-sans-condensed.css +++ b/serve/open-sans-condensed.css @@ -1,120 +1,160 @@ @font-face { - font-family: 'Open Sans Condensed'; - src: local('Open Sans Condensed Bold Italic'), local('OpenSansCondensed-BoldItalic'), - url('src/open-sans-condensed/OpenSansCondensed-BoldItalic.woff2') format('woff2'), - url('src/open-sans-condensed/OpenSansCondensed-BoldItalic.woff') format('woff'); - font-weight: bold; - font-style: italic; - font-display: swap; + font-family: "Open Sans Condensed"; + src: + local("Open Sans Condensed Bold Italic"), + local("OpenSansCondensed-BoldItalic"), + url("src/open-sans-condensed/OpenSansCondensed-BoldItalic.woff2") + format("woff2"), + url("src/open-sans-condensed/OpenSansCondensed-BoldItalic.woff") + format("woff"); + font-weight: bold; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Open Sans Condensed'; - src: local('Open Sans Condensed Light Italic'), local('OpenSansCondensed-LightItalic'), - url('src/open-sans-condensed/OpenSansCondensed-LightItalic.woff2') format('woff2'), - url('src/open-sans-condensed/OpenSansCondensed-LightItalic.woff') format('woff'); - font-weight: 300; - font-style: italic; - font-display: swap; + font-family: "Open Sans Condensed"; + src: + local("Open Sans Condensed Light Italic"), + local("OpenSansCondensed-LightItalic"), + url("src/open-sans-condensed/OpenSansCondensed-LightItalic.woff2") + format("woff2"), + url("src/open-sans-condensed/OpenSansCondensed-LightItalic.woff") + format("woff"); + font-weight: 300; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Open Sans Condensed'; - src: local('Open Sans Condensed Italic'), local('OpenSansCondensed-Italic'), - url('src/open-sans-condensed/OpenSansCondensed-Italic.woff2') format('woff2'), - url('src/open-sans-condensed/OpenSansCondensed-Italic.woff') format('woff'); - font-weight: normal; - font-style: italic; - font-display: swap; + font-family: "Open Sans Condensed"; + src: + local("Open Sans Condensed Italic"), + local("OpenSansCondensed-Italic"), + url("src/open-sans-condensed/OpenSansCondensed-Italic.woff2") + format("woff2"), + url("src/open-sans-condensed/OpenSansCondensed-Italic.woff") format("woff"); + font-weight: normal; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Open Sans Condensed'; - src: local('Open Sans Condensed ExtraBold'), local('OpenSansCondensed-ExtraBold'), - url('src/open-sans-condensed/OpenSansCondensed-ExtraBold.woff2') format('woff2'), - url('src/open-sans-condensed/OpenSansCondensed-ExtraBold.woff') format('woff'); - font-weight: bold; - font-style: normal; - font-display: swap; + font-family: "Open Sans Condensed"; + src: + local("Open Sans Condensed ExtraBold"), + local("OpenSansCondensed-ExtraBold"), + url("src/open-sans-condensed/OpenSansCondensed-ExtraBold.woff2") + format("woff2"), + url("src/open-sans-condensed/OpenSansCondensed-ExtraBold.woff") + format("woff"); + font-weight: bold; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Open Sans Condensed'; - src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), - url('src/open-sans-condensed/OpenSansCondensed-Bold.woff2') format('woff2'), - url('src/open-sans-condensed/OpenSansCondensed-Bold.woff') format('woff'); - font-weight: bold; - font-style: normal; - font-display: swap; + font-family: "Open Sans Condensed"; + src: + local("Open Sans Condensed Bold"), + local("OpenSansCondensed-Bold"), + url("src/open-sans-condensed/OpenSansCondensed-Bold.woff2") format("woff2"), + url("src/open-sans-condensed/OpenSansCondensed-Bold.woff") format("woff"); + font-weight: bold; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Open Sans Condensed'; - src: local('Open Sans Condensed ExtraBold Italic'), local('OpenSansCondensed-ExtraBoldItalic'), - url('src/open-sans-condensed/OpenSansCondensed-ExtraBoldItalic.woff2') format('woff2'), - url('src/open-sans-condensed/OpenSansCondensed-ExtraBoldItalic.woff') format('woff'); - font-weight: bold; - font-style: italic; - font-display: swap; + font-family: "Open Sans Condensed"; + src: + local("Open Sans Condensed ExtraBold Italic"), + local("OpenSansCondensed-ExtraBoldItalic"), + url("src/open-sans-condensed/OpenSansCondensed-ExtraBoldItalic.woff2") + format("woff2"), + url("src/open-sans-condensed/OpenSansCondensed-ExtraBoldItalic.woff") + format("woff"); + font-weight: bold; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Open Sans Condensed'; - src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), - url('src/open-sans-condensed/OpenSansCondensed-Light.woff2') format('woff2'), - url('src/open-sans-condensed/OpenSansCondensed-Light.woff') format('woff'); - font-weight: 300; - font-style: normal; - font-display: swap; + font-family: "Open Sans Condensed"; + src: + local("Open Sans Condensed Light"), + local("OpenSansCondensed-Light"), + url("src/open-sans-condensed/OpenSansCondensed-Light.woff2") format("woff2"), + url("src/open-sans-condensed/OpenSansCondensed-Light.woff") format("woff"); + font-weight: 300; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Open Sans Condensed'; - src: local('Open Sans Condensed Regular'), local('OpenSansCondensed-Regular'), - url('src/open-sans-condensed/OpenSansCondensed-Regular.woff2') format('woff2'), - url('src/open-sans-condensed/OpenSansCondensed-Regular.woff') format('woff'); - font-weight: normal; - font-style: normal; - font-display: swap; + font-family: "Open Sans Condensed"; + src: + local("Open Sans Condensed Regular"), + local("OpenSansCondensed-Regular"), + url("src/open-sans-condensed/OpenSansCondensed-Regular.woff2") + format("woff2"), + url("src/open-sans-condensed/OpenSansCondensed-Regular.woff") format("woff"); + font-weight: normal; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Open Sans Condensed'; - src: local('Open Sans Condensed Medium'), local('OpenSansCondensed-Medium'), - url('src/open-sans-condensed/OpenSansCondensed-Medium.woff2') format('woff2'), - url('src/open-sans-condensed/OpenSansCondensed-Medium.woff') format('woff'); - font-weight: 500; - font-style: normal; - font-display: swap; + font-family: "Open Sans Condensed"; + src: + local("Open Sans Condensed Medium"), + local("OpenSansCondensed-Medium"), + url("src/open-sans-condensed/OpenSansCondensed-Medium.woff2") + format("woff2"), + url("src/open-sans-condensed/OpenSansCondensed-Medium.woff") format("woff"); + font-weight: 500; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Open Sans Condensed'; - src: local('Open Sans Condensed SemiBold Italic'), local('OpenSansCondensed-SemiBoldItalic'), - url('src/open-sans-condensed/OpenSansCondensed-SemiBoldItalic.woff2') format('woff2'), - url('src/open-sans-condensed/OpenSansCondensed-SemiBoldItalic.woff') format('woff'); - font-weight: 600; - font-style: italic; - font-display: swap; + font-family: "Open Sans Condensed"; + src: + local("Open Sans Condensed SemiBold Italic"), + local("OpenSansCondensed-SemiBoldItalic"), + url("src/open-sans-condensed/OpenSansCondensed-SemiBoldItalic.woff2") + format("woff2"), + url("src/open-sans-condensed/OpenSansCondensed-SemiBoldItalic.woff") + format("woff"); + font-weight: 600; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Open Sans Condensed'; - src: local('Open Sans Condensed SemiBold'), local('OpenSansCondensed-SemiBold'), - url('src/open-sans-condensed/OpenSansCondensed-SemiBold.woff2') format('woff2'), - url('src/open-sans-condensed/OpenSansCondensed-SemiBold.woff') format('woff'); - font-weight: 600; - font-style: normal; - font-display: swap; + font-family: "Open Sans Condensed"; + src: + local("Open Sans Condensed SemiBold"), + local("OpenSansCondensed-SemiBold"), + url("src/open-sans-condensed/OpenSansCondensed-SemiBold.woff2") + format("woff2"), + url("src/open-sans-condensed/OpenSansCondensed-SemiBold.woff") + format("woff"); + font-weight: 600; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Open Sans Condensed'; - src: local('Open Sans Condensed Medium Italic'), local('OpenSansCondensed-MediumItalic'), - url('src/open-sans-condensed/OpenSansCondensed-MediumItalic.woff2') format('woff2'), - url('src/open-sans-condensed/OpenSansCondensed-MediumItalic.woff') format('woff'); - font-weight: 500; - font-style: italic; - font-display: swap; + font-family: "Open Sans Condensed"; + src: + local("Open Sans Condensed Medium Italic"), + local("OpenSansCondensed-MediumItalic"), + url("src/open-sans-condensed/OpenSansCondensed-MediumItalic.woff2") + format("woff2"), + url("src/open-sans-condensed/OpenSansCondensed-MediumItalic.woff") + format("woff"); + font-weight: 500; + font-style: italic; + font-display: swap; } - diff --git a/serve/open-sans-semicondensed.css b/serve/open-sans-semicondensed.css index d91c629..d20047f 100644 --- a/serve/open-sans-semicondensed.css +++ b/serve/open-sans-semicondensed.css @@ -1,120 +1,167 @@ @font-face { - font-family: 'Open Sans SemiCondensed'; - src: local('Open Sans SemiCondensed Light'), local('OpenSansSemiCondensed-Light'), - url('src/open-sans-semicondensed/OpenSansSemiCondensed-Light.woff2') format('woff2'), - url('src/open-sans-semicondensed/OpenSansSemiCondensed-Light.woff') format('woff'); - font-weight: 300; - font-style: normal; - font-display: swap; + font-family: "Open Sans SemiCondensed"; + src: + local("Open Sans SemiCondensed Light"), + local("OpenSansSemiCondensed-Light"), + url("src/open-sans-semicondensed/OpenSansSemiCondensed-Light.woff2") + format("woff2"), + url("src/open-sans-semicondensed/OpenSansSemiCondensed-Light.woff") + format("woff"); + font-weight: 300; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Open Sans SemiCondensed'; - src: local('Open Sans SemiCondensed Medium Italic'), local('OpenSansSemiCondensed-MediumItalic'), - url('src/open-sans-semicondensed/OpenSansSemiCondensed-MediumItalic.woff2') format('woff2'), - url('src/open-sans-semicondensed/OpenSansSemiCondensed-MediumItalic.woff') format('woff'); - font-weight: 500; - font-style: italic; - font-display: swap; + font-family: "Open Sans SemiCondensed"; + src: + local("Open Sans SemiCondensed Medium Italic"), + local("OpenSansSemiCondensed-MediumItalic"), + url("src/open-sans-semicondensed/OpenSansSemiCondensed-MediumItalic.woff2") + format("woff2"), + url("src/open-sans-semicondensed/OpenSansSemiCondensed-MediumItalic.woff") + format("woff"); + font-weight: 500; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Open Sans SemiCondensed'; - src: local('Open Sans SemiCondensed Bold'), local('OpenSansSemiCondensed-Bold'), - url('src/open-sans-semicondensed/OpenSansSemiCondensed-Bold.woff2') format('woff2'), - url('src/open-sans-semicondensed/OpenSansSemiCondensed-Bold.woff') format('woff'); - font-weight: bold; - font-style: normal; - font-display: swap; + font-family: "Open Sans SemiCondensed"; + src: + local("Open Sans SemiCondensed Bold"), + local("OpenSansSemiCondensed-Bold"), + url("src/open-sans-semicondensed/OpenSansSemiCondensed-Bold.woff2") + format("woff2"), + url("src/open-sans-semicondensed/OpenSansSemiCondensed-Bold.woff") + format("woff"); + font-weight: bold; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Open Sans SemiCondensed'; - src: local('Open Sans SemiCondensed Regular'), local('OpenSansSemiCondensed-Regular'), - url('src/open-sans-semicondensed/OpenSansSemiCondensed-Regular.woff2') format('woff2'), - url('src/open-sans-semicondensed/OpenSansSemiCondensed-Regular.woff') format('woff'); - font-weight: normal; - font-style: normal; - font-display: swap; + font-family: "Open Sans SemiCondensed"; + src: + local("Open Sans SemiCondensed Regular"), + local("OpenSansSemiCondensed-Regular"), + url("src/open-sans-semicondensed/OpenSansSemiCondensed-Regular.woff2") + format("woff2"), + url("src/open-sans-semicondensed/OpenSansSemiCondensed-Regular.woff") + format("woff"); + font-weight: normal; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Open Sans SemiCondensed'; - src: local('Open Sans SemiCondensed SemiBold'), local('OpenSansSemiCondensed-SemiBold'), - url('src/open-sans-semicondensed/OpenSansSemiCondensed-SemiBold.woff2') format('woff2'), - url('src/open-sans-semicondensed/OpenSansSemiCondensed-SemiBold.woff') format('woff'); - font-weight: 600; - font-style: normal; - font-display: swap; + font-family: "Open Sans SemiCondensed"; + src: + local("Open Sans SemiCondensed SemiBold"), + local("OpenSansSemiCondensed-SemiBold"), + url("src/open-sans-semicondensed/OpenSansSemiCondensed-SemiBold.woff2") + format("woff2"), + url("src/open-sans-semicondensed/OpenSansSemiCondensed-SemiBold.woff") + format("woff"); + font-weight: 600; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Open Sans SemiCondensed'; - src: local('Open Sans SemiCondensed Light Italic'), local('OpenSansSemiCondensed-LightItalic'), - url('src/open-sans-semicondensed/OpenSansSemiCondensed-LightItalic.woff2') format('woff2'), - url('src/open-sans-semicondensed/OpenSansSemiCondensed-LightItalic.woff') format('woff'); - font-weight: 300; - font-style: italic; - font-display: swap; + font-family: "Open Sans SemiCondensed"; + src: + local("Open Sans SemiCondensed Light Italic"), + local("OpenSansSemiCondensed-LightItalic"), + url("src/open-sans-semicondensed/OpenSansSemiCondensed-LightItalic.woff2") + format("woff2"), + url("src/open-sans-semicondensed/OpenSansSemiCondensed-LightItalic.woff") + format("woff"); + font-weight: 300; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Open Sans SemiCondensed'; - src: local('Open Sans SemiCondensed Bold Italic'), local('OpenSansSemiCondensed-BoldItalic'), - url('src/open-sans-semicondensed/OpenSansSemiCondensed-BoldItalic.woff2') format('woff2'), - url('src/open-sans-semicondensed/OpenSansSemiCondensed-BoldItalic.woff') format('woff'); - font-weight: bold; - font-style: italic; - font-display: swap; + font-family: "Open Sans SemiCondensed"; + src: + local("Open Sans SemiCondensed Bold Italic"), + local("OpenSansSemiCondensed-BoldItalic"), + url("src/open-sans-semicondensed/OpenSansSemiCondensed-BoldItalic.woff2") + format("woff2"), + url("src/open-sans-semicondensed/OpenSansSemiCondensed-BoldItalic.woff") + format("woff"); + font-weight: bold; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Open Sans SemiCondensed'; - src: local('Open Sans SemiCondensed ExtraBold Italic'), local('OpenSansSemiCondensed-ExtraBoldItalic'), - url('src/open-sans-semicondensed/OpenSansSemiCondensed-ExtraBoldItalic.woff2') format('woff2'), - url('src/open-sans-semicondensed/OpenSansSemiCondensed-ExtraBoldItalic.woff') format('woff'); - font-weight: bold; - font-style: italic; - font-display: swap; + font-family: "Open Sans SemiCondensed"; + src: + local("Open Sans SemiCondensed ExtraBold Italic"), + local("OpenSansSemiCondensed-ExtraBoldItalic"), + url("src/open-sans-semicondensed/OpenSansSemiCondensed-ExtraBoldItalic.woff2") + format("woff2"), + url("src/open-sans-semicondensed/OpenSansSemiCondensed-ExtraBoldItalic.woff") + format("woff"); + font-weight: bold; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Open Sans SemiCondensed'; - src: local('Open Sans SemiCondensed ExtraBold'), local('OpenSansSemiCondensed-ExtraBold'), - url('src/open-sans-semicondensed/OpenSansSemiCondensed-ExtraBold.woff2') format('woff2'), - url('src/open-sans-semicondensed/OpenSansSemiCondensed-ExtraBold.woff') format('woff'); - font-weight: bold; - font-style: normal; - font-display: swap; + font-family: "Open Sans SemiCondensed"; + src: + local("Open Sans SemiCondensed ExtraBold"), + local("OpenSansSemiCondensed-ExtraBold"), + url("src/open-sans-semicondensed/OpenSansSemiCondensed-ExtraBold.woff2") + format("woff2"), + url("src/open-sans-semicondensed/OpenSansSemiCondensed-ExtraBold.woff") + format("woff"); + font-weight: bold; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Open Sans SemiCondensed'; - src: local('Open Sans SemiCondensed Italic'), local('OpenSansSemiCondensed-Italic'), - url('src/open-sans-semicondensed/OpenSansSemiCondensed-Italic.woff2') format('woff2'), - url('src/open-sans-semicondensed/OpenSansSemiCondensed-Italic.woff') format('woff'); - font-weight: normal; - font-style: italic; - font-display: swap; + font-family: "Open Sans SemiCondensed"; + src: + local("Open Sans SemiCondensed Italic"), + local("OpenSansSemiCondensed-Italic"), + url("src/open-sans-semicondensed/OpenSansSemiCondensed-Italic.woff2") + format("woff2"), + url("src/open-sans-semicondensed/OpenSansSemiCondensed-Italic.woff") + format("woff"); + font-weight: normal; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Open Sans SemiCondensed'; - src: local('Open Sans SemiCondensed Medium'), local('OpenSansSemiCondensed-Medium'), - url('src/open-sans-semicondensed/OpenSansSemiCondensed-Medium.woff2') format('woff2'), - url('src/open-sans-semicondensed/OpenSansSemiCondensed-Medium.woff') format('woff'); - font-weight: 500; - font-style: normal; - font-display: swap; + font-family: "Open Sans SemiCondensed"; + src: + local("Open Sans SemiCondensed Medium"), + local("OpenSansSemiCondensed-Medium"), + url("src/open-sans-semicondensed/OpenSansSemiCondensed-Medium.woff2") + format("woff2"), + url("src/open-sans-semicondensed/OpenSansSemiCondensed-Medium.woff") + format("woff"); + font-weight: 500; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Open Sans SemiCondensed'; - src: local('Open Sans SemiCondensed SemiBold Italic'), local('OpenSansSemiCondensed-SemiBoldItalic'), - url('src/open-sans-semicondensed/OpenSansSemiCondensed-SemiBoldItalic.woff2') format('woff2'), - url('src/open-sans-semicondensed/OpenSansSemiCondensed-SemiBoldItalic.woff') format('woff'); - font-weight: 600; - font-style: italic; - font-display: swap; + font-family: "Open Sans SemiCondensed"; + src: + local("Open Sans SemiCondensed SemiBold Italic"), + local("OpenSansSemiCondensed-SemiBoldItalic"), + url("src/open-sans-semicondensed/OpenSansSemiCondensed-SemiBoldItalic.woff2") + format("woff2"), + url("src/open-sans-semicondensed/OpenSansSemiCondensed-SemiBoldItalic.woff") + format("woff"); + font-weight: 600; + font-style: italic; + font-display: swap; } - diff --git a/serve/open-sans.css b/serve/open-sans.css index 27fe89e..a17c46b 100644 --- a/serve/open-sans.css +++ b/serve/open-sans.css @@ -1,120 +1,143 @@ @font-face { - font-family: 'Open Sans'; - src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), - url('src/open-sans/OpenSans-ExtraBold.woff2') format('woff2'), - url('src/open-sans/OpenSans-ExtraBold.woff') format('woff'); - font-weight: bold; - font-style: normal; - font-display: swap; + font-family: "Open Sans"; + src: + local("Open Sans ExtraBold"), + local("OpenSans-ExtraBold"), + url("src/open-sans/OpenSans-ExtraBold.woff2") format("woff2"), + url("src/open-sans/OpenSans-ExtraBold.woff") format("woff"); + font-weight: bold; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Open Sans'; - src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), - url('src/open-sans/OpenSans-BoldItalic.woff2') format('woff2'), - url('src/open-sans/OpenSans-BoldItalic.woff') format('woff'); - font-weight: bold; - font-style: italic; - font-display: swap; + font-family: "Open Sans"; + src: + local("Open Sans Bold Italic"), + local("OpenSans-BoldItalic"), + url("src/open-sans/OpenSans-BoldItalic.woff2") format("woff2"), + url("src/open-sans/OpenSans-BoldItalic.woff") format("woff"); + font-weight: bold; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Open Sans'; - src: local('Open Sans Bold'), local('OpenSans-Bold'), - url('src/open-sans/OpenSans-Bold.woff2') format('woff2'), - url('src/open-sans/OpenSans-Bold.woff') format('woff'); - font-weight: bold; - font-style: normal; - font-display: swap; + font-family: "Open Sans"; + src: + local("Open Sans Bold"), + local("OpenSans-Bold"), + url("src/open-sans/OpenSans-Bold.woff2") format("woff2"), + url("src/open-sans/OpenSans-Bold.woff") format("woff"); + font-weight: bold; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Open Sans'; - src: local('Open Sans Light'), local('OpenSans-Light'), - url('src/open-sans/OpenSans-Light.woff2') format('woff2'), - url('src/open-sans/OpenSans-Light.woff') format('woff'); - font-weight: 300; - font-style: normal; - font-display: swap; + font-family: "Open Sans"; + src: + local("Open Sans Light"), + local("OpenSans-Light"), + url("src/open-sans/OpenSans-Light.woff2") format("woff2"), + url("src/open-sans/OpenSans-Light.woff") format("woff"); + font-weight: 300; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Open Sans'; - src: local('Open Sans Italic'), local('OpenSans-Italic'), - url('src/open-sans/OpenSans-Italic.woff2') format('woff2'), - url('src/open-sans/OpenSans-Italic.woff') format('woff'); - font-weight: normal; - font-style: italic; - font-display: swap; + font-family: "Open Sans"; + src: + local("Open Sans Italic"), + local("OpenSans-Italic"), + url("src/open-sans/OpenSans-Italic.woff2") format("woff2"), + url("src/open-sans/OpenSans-Italic.woff") format("woff"); + font-weight: normal; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Open Sans'; - src: local('Open Sans Medium Italic'), local('OpenSans-MediumItalic'), - url('src/open-sans/OpenSans-MediumItalic.woff2') format('woff2'), - url('src/open-sans/OpenSans-MediumItalic.woff') format('woff'); - font-weight: 500; - font-style: italic; - font-display: swap; + font-family: "Open Sans"; + src: + local("Open Sans Medium Italic"), + local("OpenSans-MediumItalic"), + url("src/open-sans/OpenSans-MediumItalic.woff2") format("woff2"), + url("src/open-sans/OpenSans-MediumItalic.woff") format("woff"); + font-weight: 500; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Open Sans'; - src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), - url('src/open-sans/OpenSans-SemiBoldItalic.woff2') format('woff2'), - url('src/open-sans/OpenSans-SemiBoldItalic.woff') format('woff'); - font-weight: 600; - font-style: italic; - font-display: swap; + font-family: "Open Sans"; + src: + local("Open Sans SemiBold Italic"), + local("OpenSans-SemiBoldItalic"), + url("src/open-sans/OpenSans-SemiBoldItalic.woff2") format("woff2"), + url("src/open-sans/OpenSans-SemiBoldItalic.woff") format("woff"); + font-weight: 600; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Open Sans'; - src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), - url('src/open-sans/OpenSans-ExtraBoldItalic.woff2') format('woff2'), - url('src/open-sans/OpenSans-ExtraBoldItalic.woff') format('woff'); - font-weight: bold; - font-style: italic; - font-display: swap; + font-family: "Open Sans"; + src: + local("Open Sans ExtraBold Italic"), + local("OpenSans-ExtraBoldItalic"), + url("src/open-sans/OpenSans-ExtraBoldItalic.woff2") format("woff2"), + url("src/open-sans/OpenSans-ExtraBoldItalic.woff") format("woff"); + font-weight: bold; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Open Sans'; - src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), - url('src/open-sans/OpenSans-LightItalic.woff2') format('woff2'), - url('src/open-sans/OpenSans-LightItalic.woff') format('woff'); - font-weight: 300; - font-style: italic; - font-display: swap; + font-family: "Open Sans"; + src: + local("Open Sans Light Italic"), + local("OpenSans-LightItalic"), + url("src/open-sans/OpenSans-LightItalic.woff2") format("woff2"), + url("src/open-sans/OpenSans-LightItalic.woff") format("woff"); + font-weight: 300; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Open Sans'; - src: local('Open Sans Medium'), local('OpenSans-Medium'), - url('src/open-sans/OpenSans-Medium.woff2') format('woff2'), - url('src/open-sans/OpenSans-Medium.woff') format('woff'); - font-weight: 500; - font-style: normal; - font-display: swap; + font-family: "Open Sans"; + src: + local("Open Sans Medium"), + local("OpenSans-Medium"), + url("src/open-sans/OpenSans-Medium.woff2") format("woff2"), + url("src/open-sans/OpenSans-Medium.woff") format("woff"); + font-weight: 500; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Open Sans'; - src: local('Open Sans Regular'), local('OpenSans-Regular'), - url('src/open-sans/OpenSans-Regular.woff2') format('woff2'), - url('src/open-sans/OpenSans-Regular.woff') format('woff'); - font-weight: normal; - font-style: normal; - font-display: swap; + font-family: "Open Sans"; + src: + local("Open Sans Regular"), + local("OpenSans-Regular"), + url("src/open-sans/OpenSans-Regular.woff2") format("woff2"), + url("src/open-sans/OpenSans-Regular.woff") format("woff"); + font-weight: normal; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Open Sans'; - src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), - url('src/open-sans/OpenSans-SemiBold.woff2') format('woff2'), - url('src/open-sans/OpenSans-SemiBold.woff') format('woff'); - font-weight: 600; - font-style: normal; - font-display: swap; + font-family: "Open Sans"; + src: + local("Open Sans SemiBold"), + local("OpenSans-SemiBold"), + url("src/open-sans/OpenSans-SemiBold.woff2") format("woff2"), + url("src/open-sans/OpenSans-SemiBold.woff") format("woff"); + font-weight: 600; + font-style: normal; + font-display: swap; } - diff --git a/serve/roboto-condensed.css b/serve/roboto-condensed.css index 5cb180a..20d4177 100644 --- a/serve/roboto-condensed.css +++ b/serve/roboto-condensed.css @@ -1,180 +1,224 @@ @font-face { - font-family: 'Roboto Condensed'; - src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), - url('src/roboto-condensed/RobotoCondensed-Bold.woff2') format('woff2'), - url('src/roboto-condensed/RobotoCondensed-Bold.woff') format('woff'); - font-weight: bold; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: 'Roboto Condensed'; - src: local('Roboto Condensed ExtraBold'), local('RobotoCondensed-ExtraBold'), - url('src/roboto-condensed/RobotoCondensed-ExtraBold.woff2') format('woff2'), - url('src/roboto-condensed/RobotoCondensed-ExtraBold.woff') format('woff'); - font-weight: bold; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: 'Roboto Condensed'; - src: local('Roboto Condensed ExtraBold Italic'), local('RobotoCondensed-ExtraBoldItalic'), - url('src/roboto-condensed/RobotoCondensed-ExtraBoldItalic.woff2') format('woff2'), - url('src/roboto-condensed/RobotoCondensed-ExtraBoldItalic.woff') format('woff'); - font-weight: bold; - font-style: italic; - font-display: swap; -} - -@font-face { - font-family: 'Roboto Condensed'; - src: local('Roboto Condensed Black'), local('RobotoCondensed-Black'), - url('src/roboto-condensed/RobotoCondensed-Black.woff2') format('woff2'), - url('src/roboto-condensed/RobotoCondensed-Black.woff') format('woff'); - font-weight: 900; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: 'Roboto Condensed'; - src: local('Roboto Condensed Black Italic'), local('RobotoCondensed-BlackItalic'), - url('src/roboto-condensed/RobotoCondensed-BlackItalic.woff2') format('woff2'), - url('src/roboto-condensed/RobotoCondensed-BlackItalic.woff') format('woff'); - font-weight: 900; - font-style: italic; - font-display: swap; -} - -@font-face { - font-family: 'Roboto Condensed'; - src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), - url('src/roboto-condensed/RobotoCondensed-BoldItalic.woff2') format('woff2'), - url('src/roboto-condensed/RobotoCondensed-BoldItalic.woff') format('woff'); - font-weight: bold; - font-style: italic; - font-display: swap; -} - -@font-face { - font-family: 'Roboto Condensed'; - src: local('Roboto Condensed SemiBold'), local('RobotoCondensed-SemiBold'), - url('src/roboto-condensed/RobotoCondensed-SemiBold.woff2') format('woff2'), - url('src/roboto-condensed/RobotoCondensed-SemiBold.woff') format('woff'); - font-weight: 600; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: 'Roboto Condensed'; - src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), - url('src/roboto-condensed/RobotoCondensed-Italic.woff2') format('woff2'), - url('src/roboto-condensed/RobotoCondensed-Italic.woff') format('woff'); - font-weight: normal; - font-style: italic; - font-display: swap; -} - -@font-face { - font-family: 'Roboto Condensed'; - src: local('Roboto Condensed Medium Italic'), local('RobotoCondensed-MediumItalic'), - url('src/roboto-condensed/RobotoCondensed-MediumItalic.woff2') format('woff2'), - url('src/roboto-condensed/RobotoCondensed-MediumItalic.woff') format('woff'); - font-weight: 500; - font-style: italic; - font-display: swap; -} - -@font-face { - font-family: 'Roboto Condensed'; - src: local('Roboto Condensed Medium'), local('RobotoCondensed-Medium'), - url('src/roboto-condensed/RobotoCondensed-Medium.woff2') format('woff2'), - url('src/roboto-condensed/RobotoCondensed-Medium.woff') format('woff'); - font-weight: 500; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: 'Roboto Condensed'; - src: local('Roboto Condensed ExtraLight Italic'), local('RobotoCondensed-ExtraLightItalic'), - url('src/roboto-condensed/RobotoCondensed-ExtraLightItalic.woff2') format('woff2'), - url('src/roboto-condensed/RobotoCondensed-ExtraLightItalic.woff') format('woff'); - font-weight: 200; - font-style: italic; - font-display: swap; -} - -@font-face { - font-family: 'Roboto Condensed'; - src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), - url('src/roboto-condensed/RobotoCondensed-Regular.woff2') format('woff2'), - url('src/roboto-condensed/RobotoCondensed-Regular.woff') format('woff'); - font-weight: normal; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: 'Roboto Condensed'; - src: local('Roboto Condensed ExtraLight'), local('RobotoCondensed-ExtraLight'), - url('src/roboto-condensed/RobotoCondensed-ExtraLight.woff2') format('woff2'), - url('src/roboto-condensed/RobotoCondensed-ExtraLight.woff') format('woff'); - font-weight: 200; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: 'Roboto Condensed'; - src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), - url('src/roboto-condensed/RobotoCondensed-Light.woff2') format('woff2'), - url('src/roboto-condensed/RobotoCondensed-Light.woff') format('woff'); - font-weight: 300; - font-style: normal; - font-display: swap; -} + font-family: "Roboto Condensed"; + src: + local("Roboto Condensed Bold"), + local("RobotoCondensed-Bold"), + url("src/roboto-condensed/RobotoCondensed-Bold.woff2") format("woff2"), + url("src/roboto-condensed/RobotoCondensed-Bold.woff") format("woff"); + font-weight: bold; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "Roboto Condensed"; + src: + local("Roboto Condensed ExtraBold"), + local("RobotoCondensed-ExtraBold"), + url("src/roboto-condensed/RobotoCondensed-ExtraBold.woff2") format("woff2"), + url("src/roboto-condensed/RobotoCondensed-ExtraBold.woff") format("woff"); + font-weight: bold; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "Roboto Condensed"; + src: + local("Roboto Condensed ExtraBold Italic"), + local("RobotoCondensed-ExtraBoldItalic"), + url("src/roboto-condensed/RobotoCondensed-ExtraBoldItalic.woff2") + format("woff2"), + url("src/roboto-condensed/RobotoCondensed-ExtraBoldItalic.woff") + format("woff"); + font-weight: bold; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: "Roboto Condensed"; + src: + local("Roboto Condensed Black"), + local("RobotoCondensed-Black"), + url("src/roboto-condensed/RobotoCondensed-Black.woff2") format("woff2"), + url("src/roboto-condensed/RobotoCondensed-Black.woff") format("woff"); + font-weight: 900; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "Roboto Condensed"; + src: + local("Roboto Condensed Black Italic"), + local("RobotoCondensed-BlackItalic"), + url("src/roboto-condensed/RobotoCondensed-BlackItalic.woff2") + format("woff2"), + url("src/roboto-condensed/RobotoCondensed-BlackItalic.woff") format("woff"); + font-weight: 900; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: "Roboto Condensed"; + src: + local("Roboto Condensed Bold Italic"), + local("RobotoCondensed-BoldItalic"), + url("src/roboto-condensed/RobotoCondensed-BoldItalic.woff2") format("woff2"), + url("src/roboto-condensed/RobotoCondensed-BoldItalic.woff") format("woff"); + font-weight: bold; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: "Roboto Condensed"; + src: + local("Roboto Condensed SemiBold"), + local("RobotoCondensed-SemiBold"), + url("src/roboto-condensed/RobotoCondensed-SemiBold.woff2") format("woff2"), + url("src/roboto-condensed/RobotoCondensed-SemiBold.woff") format("woff"); + font-weight: 600; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "Roboto Condensed"; + src: + local("Roboto Condensed Italic"), + local("RobotoCondensed-Italic"), + url("src/roboto-condensed/RobotoCondensed-Italic.woff2") format("woff2"), + url("src/roboto-condensed/RobotoCondensed-Italic.woff") format("woff"); + font-weight: normal; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: "Roboto Condensed"; + src: + local("Roboto Condensed Medium Italic"), + local("RobotoCondensed-MediumItalic"), + url("src/roboto-condensed/RobotoCondensed-MediumItalic.woff2") + format("woff2"), + url("src/roboto-condensed/RobotoCondensed-MediumItalic.woff") format("woff"); + font-weight: 500; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: "Roboto Condensed"; + src: + local("Roboto Condensed Medium"), + local("RobotoCondensed-Medium"), + url("src/roboto-condensed/RobotoCondensed-Medium.woff2") format("woff2"), + url("src/roboto-condensed/RobotoCondensed-Medium.woff") format("woff"); + font-weight: 500; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "Roboto Condensed"; + src: + local("Roboto Condensed ExtraLight Italic"), + local("RobotoCondensed-ExtraLightItalic"), + url("src/roboto-condensed/RobotoCondensed-ExtraLightItalic.woff2") + format("woff2"), + url("src/roboto-condensed/RobotoCondensed-ExtraLightItalic.woff") + format("woff"); + font-weight: 200; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: "Roboto Condensed"; + src: + local("Roboto Condensed Regular"), + local("RobotoCondensed-Regular"), + url("src/roboto-condensed/RobotoCondensed-Regular.woff2") format("woff2"), + url("src/roboto-condensed/RobotoCondensed-Regular.woff") format("woff"); + font-weight: normal; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "Roboto Condensed"; + src: + local("Roboto Condensed ExtraLight"), + local("RobotoCondensed-ExtraLight"), + url("src/roboto-condensed/RobotoCondensed-ExtraLight.woff2") format("woff2"), + url("src/roboto-condensed/RobotoCondensed-ExtraLight.woff") format("woff"); + font-weight: 200; + font-style: normal; + font-display: swap; +} -@font-face { - font-family: 'Roboto Condensed'; - src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'), - url('src/roboto-condensed/RobotoCondensed-LightItalic.woff2') format('woff2'), - url('src/roboto-condensed/RobotoCondensed-LightItalic.woff') format('woff'); - font-weight: 300; - font-style: italic; - font-display: swap; -} +@font-face { + font-family: "Roboto Condensed"; + src: + local("Roboto Condensed Light"), + local("RobotoCondensed-Light"), + url("src/roboto-condensed/RobotoCondensed-Light.woff2") format("woff2"), + url("src/roboto-condensed/RobotoCondensed-Light.woff") format("woff"); + font-weight: 300; + font-style: normal; + font-display: swap; +} -@font-face { - font-family: 'Roboto Condensed'; - src: local('Roboto Condensed Thin'), local('RobotoCondensed-Thin'), - url('src/roboto-condensed/RobotoCondensed-Thin.woff2') format('woff2'), - url('src/roboto-condensed/RobotoCondensed-Thin.woff') format('woff'); - font-weight: 100; - font-style: normal; - font-display: swap; +@font-face { + font-family: "Roboto Condensed"; + src: + local("Roboto Condensed Light Italic"), + local("RobotoCondensed-LightItalic"), + url("src/roboto-condensed/RobotoCondensed-LightItalic.woff2") + format("woff2"), + url("src/roboto-condensed/RobotoCondensed-LightItalic.woff") format("woff"); + font-weight: 300; + font-style: italic; + font-display: swap; } - -@font-face { - font-family: 'Roboto Condensed'; - src: local('Roboto Condensed SemiBold Italic'), local('RobotoCondensed-SemiBoldItalic'), - url('src/roboto-condensed/RobotoCondensed-SemiBoldItalic.woff2') format('woff2'), - url('src/roboto-condensed/RobotoCondensed-SemiBoldItalic.woff') format('woff'); - font-weight: 600; - font-style: italic; - font-display: swap; + +@font-face { + font-family: "Roboto Condensed"; + src: + local("Roboto Condensed Thin"), + local("RobotoCondensed-Thin"), + url("src/roboto-condensed/RobotoCondensed-Thin.woff2") format("woff2"), + url("src/roboto-condensed/RobotoCondensed-Thin.woff") format("woff"); + font-weight: 100; + font-style: normal; + font-display: swap; } - -@font-face { - font-family: 'Roboto Condensed'; - src: local('Roboto Condensed Thin Italic'), local('RobotoCondensed-ThinItalic'), - url('src/roboto-condensed/RobotoCondensed-ThinItalic.woff2') format('woff2'), - url('src/roboto-condensed/RobotoCondensed-ThinItalic.woff') format('woff'); - font-weight: 100; - font-style: italic; - font-display: swap; + +@font-face { + font-family: "Roboto Condensed"; + src: + local("Roboto Condensed SemiBold Italic"), + local("RobotoCondensed-SemiBoldItalic"), + url("src/roboto-condensed/RobotoCondensed-SemiBoldItalic.woff2") + format("woff2"), + url("src/roboto-condensed/RobotoCondensed-SemiBoldItalic.woff") + format("woff"); + font-weight: 600; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: "Roboto Condensed"; + src: + local("Roboto Condensed Thin Italic"), + local("RobotoCondensed-ThinItalic"), + url("src/roboto-condensed/RobotoCondensed-ThinItalic.woff2") format("woff2"), + url("src/roboto-condensed/RobotoCondensed-ThinItalic.woff") format("woff"); + font-weight: 100; + font-style: italic; + font-display: swap; } - diff --git a/serve/roboto-mono.css b/serve/roboto-mono.css index 3fc4606..1dac4a0 100644 --- a/serve/roboto-mono.css +++ b/serve/roboto-mono.css @@ -1,140 +1,167 @@ @font-face { - font-family: 'Roboto Mono'; - src: local('Roboto Mono Light'), local('RobotoMono-Light'), - url('src/roboto-mono/RobotoMono-Light.woff2') format('woff2'), - url('src/roboto-mono/RobotoMono-Light.woff') format('woff'); - font-weight: 300; - font-style: normal; - font-display: swap; + font-family: "Roboto Mono"; + src: + local("Roboto Mono Light"), + local("RobotoMono-Light"), + url("src/roboto-mono/RobotoMono-Light.woff2") format("woff2"), + url("src/roboto-mono/RobotoMono-Light.woff") format("woff"); + font-weight: 300; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Roboto Mono'; - src: local('Roboto Mono ExtraLight'), local('RobotoMono-ExtraLight'), - url('src/roboto-mono/RobotoMono-ExtraLight.woff2') format('woff2'), - url('src/roboto-mono/RobotoMono-ExtraLight.woff') format('woff'); - font-weight: 200; - font-style: normal; - font-display: swap; + font-family: "Roboto Mono"; + src: + local("Roboto Mono ExtraLight"), + local("RobotoMono-ExtraLight"), + url("src/roboto-mono/RobotoMono-ExtraLight.woff2") format("woff2"), + url("src/roboto-mono/RobotoMono-ExtraLight.woff") format("woff"); + font-weight: 200; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Roboto Mono'; - src: local('Roboto Mono Italic'), local('RobotoMono-Italic'), - url('src/roboto-mono/RobotoMono-Italic.woff2') format('woff2'), - url('src/roboto-mono/RobotoMono-Italic.woff') format('woff'); - font-weight: normal; - font-style: italic; - font-display: swap; + font-family: "Roboto Mono"; + src: + local("Roboto Mono Italic"), + local("RobotoMono-Italic"), + url("src/roboto-mono/RobotoMono-Italic.woff2") format("woff2"), + url("src/roboto-mono/RobotoMono-Italic.woff") format("woff"); + font-weight: normal; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Roboto Mono'; - src: local('Roboto Mono ExtraLight Italic'), local('RobotoMono-ExtraLightItalic'), - url('src/roboto-mono/RobotoMono-ExtraLightItalic.woff2') format('woff2'), - url('src/roboto-mono/RobotoMono-ExtraLightItalic.woff') format('woff'); - font-weight: 200; - font-style: italic; - font-display: swap; + font-family: "Roboto Mono"; + src: + local("Roboto Mono ExtraLight Italic"), + local("RobotoMono-ExtraLightItalic"), + url("src/roboto-mono/RobotoMono-ExtraLightItalic.woff2") format("woff2"), + url("src/roboto-mono/RobotoMono-ExtraLightItalic.woff") format("woff"); + font-weight: 200; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Roboto Mono'; - src: local('Roboto Mono Bold Italic'), local('RobotoMono-BoldItalic'), - url('src/roboto-mono/RobotoMono-BoldItalic.woff2') format('woff2'), - url('src/roboto-mono/RobotoMono-BoldItalic.woff') format('woff'); - font-weight: bold; - font-style: italic; - font-display: swap; + font-family: "Roboto Mono"; + src: + local("Roboto Mono Bold Italic"), + local("RobotoMono-BoldItalic"), + url("src/roboto-mono/RobotoMono-BoldItalic.woff2") format("woff2"), + url("src/roboto-mono/RobotoMono-BoldItalic.woff") format("woff"); + font-weight: bold; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Roboto Mono'; - src: local('Roboto Mono Light Italic'), local('RobotoMono-LightItalic'), - url('src/roboto-mono/RobotoMono-LightItalic.woff2') format('woff2'), - url('src/roboto-mono/RobotoMono-LightItalic.woff') format('woff'); - font-weight: 300; - font-style: italic; - font-display: swap; + font-family: "Roboto Mono"; + src: + local("Roboto Mono Light Italic"), + local("RobotoMono-LightItalic"), + url("src/roboto-mono/RobotoMono-LightItalic.woff2") format("woff2"), + url("src/roboto-mono/RobotoMono-LightItalic.woff") format("woff"); + font-weight: 300; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Roboto Mono'; - src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), - url('src/roboto-mono/RobotoMono-Bold.woff2') format('woff2'), - url('src/roboto-mono/RobotoMono-Bold.woff') format('woff'); - font-weight: bold; - font-style: normal; - font-display: swap; + font-family: "Roboto Mono"; + src: + local("Roboto Mono Bold"), + local("RobotoMono-Bold"), + url("src/roboto-mono/RobotoMono-Bold.woff2") format("woff2"), + url("src/roboto-mono/RobotoMono-Bold.woff") format("woff"); + font-weight: bold; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Roboto Mono'; - src: local('Roboto Mono SemiBold Italic'), local('RobotoMono-SemiBoldItalic'), - url('src/roboto-mono/RobotoMono-SemiBoldItalic.woff2') format('woff2'), - url('src/roboto-mono/RobotoMono-SemiBoldItalic.woff') format('woff'); - font-weight: 600; - font-style: italic; - font-display: swap; + font-family: "Roboto Mono"; + src: + local("Roboto Mono SemiBold Italic"), + local("RobotoMono-SemiBoldItalic"), + url("src/roboto-mono/RobotoMono-SemiBoldItalic.woff2") format("woff2"), + url("src/roboto-mono/RobotoMono-SemiBoldItalic.woff") format("woff"); + font-weight: 600; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Roboto Mono'; - src: local('Roboto Mono Regular'), local('RobotoMono-Regular'), - url('src/roboto-mono/RobotoMono-Regular.woff2') format('woff2'), - url('src/roboto-mono/RobotoMono-Regular.woff') format('woff'); - font-weight: normal; - font-style: normal; - font-display: swap; + font-family: "Roboto Mono"; + src: + local("Roboto Mono Regular"), + local("RobotoMono-Regular"), + url("src/roboto-mono/RobotoMono-Regular.woff2") format("woff2"), + url("src/roboto-mono/RobotoMono-Regular.woff") format("woff"); + font-weight: normal; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Roboto Mono'; - src: local('Roboto Mono Thin'), local('RobotoMono-Thin'), - url('src/roboto-mono/RobotoMono-Thin.woff2') format('woff2'), - url('src/roboto-mono/RobotoMono-Thin.woff') format('woff'); - font-weight: 100; - font-style: normal; - font-display: swap; + font-family: "Roboto Mono"; + src: + local("Roboto Mono Thin"), + local("RobotoMono-Thin"), + url("src/roboto-mono/RobotoMono-Thin.woff2") format("woff2"), + url("src/roboto-mono/RobotoMono-Thin.woff") format("woff"); + font-weight: 100; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Roboto Mono'; - src: local('Roboto Mono Medium'), local('RobotoMono-Medium'), - url('src/roboto-mono/RobotoMono-Medium.woff2') format('woff2'), - url('src/roboto-mono/RobotoMono-Medium.woff') format('woff'); - font-weight: 500; - font-style: normal; - font-display: swap; + font-family: "Roboto Mono"; + src: + local("Roboto Mono Medium"), + local("RobotoMono-Medium"), + url("src/roboto-mono/RobotoMono-Medium.woff2") format("woff2"), + url("src/roboto-mono/RobotoMono-Medium.woff") format("woff"); + font-weight: 500; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Roboto Mono'; - src: local('Roboto Mono Thin Italic'), local('RobotoMono-ThinItalic'), - url('src/roboto-mono/RobotoMono-ThinItalic.woff2') format('woff2'), - url('src/roboto-mono/RobotoMono-ThinItalic.woff') format('woff'); - font-weight: 100; - font-style: italic; - font-display: swap; + font-family: "Roboto Mono"; + src: + local("Roboto Mono Thin Italic"), + local("RobotoMono-ThinItalic"), + url("src/roboto-mono/RobotoMono-ThinItalic.woff2") format("woff2"), + url("src/roboto-mono/RobotoMono-ThinItalic.woff") format("woff"); + font-weight: 100; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Roboto Mono'; - src: local('Roboto Mono Medium Italic'), local('RobotoMono-MediumItalic'), - url('src/roboto-mono/RobotoMono-MediumItalic.woff2') format('woff2'), - url('src/roboto-mono/RobotoMono-MediumItalic.woff') format('woff'); - font-weight: 500; - font-style: italic; - font-display: swap; + font-family: "Roboto Mono"; + src: + local("Roboto Mono Medium Italic"), + local("RobotoMono-MediumItalic"), + url("src/roboto-mono/RobotoMono-MediumItalic.woff2") format("woff2"), + url("src/roboto-mono/RobotoMono-MediumItalic.woff") format("woff"); + font-weight: 500; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Roboto Mono'; - src: local('Roboto Mono SemiBold'), local('RobotoMono-SemiBold'), - url('src/roboto-mono/RobotoMono-SemiBold.woff2') format('woff2'), - url('src/roboto-mono/RobotoMono-SemiBold.woff') format('woff'); - font-weight: 600; - font-style: normal; - font-display: swap; + font-family: "Roboto Mono"; + src: + local("Roboto Mono SemiBold"), + local("RobotoMono-SemiBold"), + url("src/roboto-mono/RobotoMono-SemiBold.woff2") format("woff2"), + url("src/roboto-mono/RobotoMono-SemiBold.woff") format("woff"); + font-weight: 600; + font-style: normal; + font-display: swap; } - diff --git a/serve/roboto-slab.css b/serve/roboto-slab.css index 782006f..c7cfd75 100644 --- a/serve/roboto-slab.css +++ b/serve/roboto-slab.css @@ -1,90 +1,107 @@ @font-face { - font-family: 'Roboto Slab'; - src: local('Roboto Slab ExtraBold'), local('RobotoSlab-ExtraBold'), - url('src/roboto-slab/RobotoSlab-ExtraBold.woff2') format('woff2'), - url('src/roboto-slab/RobotoSlab-ExtraBold.woff') format('woff'); - font-weight: bold; - font-style: normal; - font-display: swap; + font-family: "Roboto Slab"; + src: + local("Roboto Slab ExtraBold"), + local("RobotoSlab-ExtraBold"), + url("src/roboto-slab/RobotoSlab-ExtraBold.woff2") format("woff2"), + url("src/roboto-slab/RobotoSlab-ExtraBold.woff") format("woff"); + font-weight: bold; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Roboto Slab'; - src: local('Roboto Slab ExtraLight'), local('RobotoSlab-ExtraLight'), - url('src/roboto-slab/RobotoSlab-ExtraLight.woff2') format('woff2'), - url('src/roboto-slab/RobotoSlab-ExtraLight.woff') format('woff'); - font-weight: 200; - font-style: normal; - font-display: swap; + font-family: "Roboto Slab"; + src: + local("Roboto Slab ExtraLight"), + local("RobotoSlab-ExtraLight"), + url("src/roboto-slab/RobotoSlab-ExtraLight.woff2") format("woff2"), + url("src/roboto-slab/RobotoSlab-ExtraLight.woff") format("woff"); + font-weight: 200; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Roboto Slab'; - src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), - url('src/roboto-slab/RobotoSlab-Bold.woff2') format('woff2'), - url('src/roboto-slab/RobotoSlab-Bold.woff') format('woff'); - font-weight: bold; - font-style: normal; - font-display: swap; + font-family: "Roboto Slab"; + src: + local("Roboto Slab Bold"), + local("RobotoSlab-Bold"), + url("src/roboto-slab/RobotoSlab-Bold.woff2") format("woff2"), + url("src/roboto-slab/RobotoSlab-Bold.woff") format("woff"); + font-weight: bold; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Roboto Slab'; - src: local('Roboto Slab Black'), local('RobotoSlab-Black'), - url('src/roboto-slab/RobotoSlab-Black.woff2') format('woff2'), - url('src/roboto-slab/RobotoSlab-Black.woff') format('woff'); - font-weight: 900; - font-style: normal; - font-display: swap; + font-family: "Roboto Slab"; + src: + local("Roboto Slab Black"), + local("RobotoSlab-Black"), + url("src/roboto-slab/RobotoSlab-Black.woff2") format("woff2"), + url("src/roboto-slab/RobotoSlab-Black.woff") format("woff"); + font-weight: 900; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Roboto Slab'; - src: local('Roboto Slab Medium'), local('RobotoSlab-Medium'), - url('src/roboto-slab/RobotoSlab-Medium.woff2') format('woff2'), - url('src/roboto-slab/RobotoSlab-Medium.woff') format('woff'); - font-weight: 500; - font-style: normal; - font-display: swap; + font-family: "Roboto Slab"; + src: + local("Roboto Slab Medium"), + local("RobotoSlab-Medium"), + url("src/roboto-slab/RobotoSlab-Medium.woff2") format("woff2"), + url("src/roboto-slab/RobotoSlab-Medium.woff") format("woff"); + font-weight: 500; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Roboto Slab'; - src: local('Roboto Slab SemiBold'), local('RobotoSlab-SemiBold'), - url('src/roboto-slab/RobotoSlab-SemiBold.woff2') format('woff2'), - url('src/roboto-slab/RobotoSlab-SemiBold.woff') format('woff'); - font-weight: 600; - font-style: normal; - font-display: swap; + font-family: "Roboto Slab"; + src: + local("Roboto Slab SemiBold"), + local("RobotoSlab-SemiBold"), + url("src/roboto-slab/RobotoSlab-SemiBold.woff2") format("woff2"), + url("src/roboto-slab/RobotoSlab-SemiBold.woff") format("woff"); + font-weight: 600; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Roboto Slab'; - src: local('Roboto Slab Light'), local('RobotoSlab-Light'), - url('src/roboto-slab/RobotoSlab-Light.woff2') format('woff2'), - url('src/roboto-slab/RobotoSlab-Light.woff') format('woff'); - font-weight: 300; - font-style: normal; - font-display: swap; + font-family: "Roboto Slab"; + src: + local("Roboto Slab Light"), + local("RobotoSlab-Light"), + url("src/roboto-slab/RobotoSlab-Light.woff2") format("woff2"), + url("src/roboto-slab/RobotoSlab-Light.woff") format("woff"); + font-weight: 300; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Roboto Slab'; - src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), - url('src/roboto-slab/RobotoSlab-Regular.woff2') format('woff2'), - url('src/roboto-slab/RobotoSlab-Regular.woff') format('woff'); - font-weight: normal; - font-style: normal; - font-display: swap; + font-family: "Roboto Slab"; + src: + local("Roboto Slab Regular"), + local("RobotoSlab-Regular"), + url("src/roboto-slab/RobotoSlab-Regular.woff2") format("woff2"), + url("src/roboto-slab/RobotoSlab-Regular.woff") format("woff"); + font-weight: normal; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Roboto Slab'; - src: local('Roboto Slab Thin'), local('RobotoSlab-Thin'), - url('src/roboto-slab/RobotoSlab-Thin.woff2') format('woff2'), - url('src/roboto-slab/RobotoSlab-Thin.woff') format('woff'); - font-weight: 100; - font-style: normal; - font-display: swap; + font-family: "Roboto Slab"; + src: + local("Roboto Slab Thin"), + local("RobotoSlab-Thin"), + url("src/roboto-slab/RobotoSlab-Thin.woff2") format("woff2"), + url("src/roboto-slab/RobotoSlab-Thin.woff") format("woff"); + font-weight: 100; + font-style: normal; + font-display: swap; } - diff --git a/serve/roboto.css b/serve/roboto.css index fc520e6..d5537ee 100644 --- a/serve/roboto.css +++ b/serve/roboto.css @@ -1,120 +1,143 @@ @font-face { - font-family: 'Roboto'; - src: local('Roboto Bold'), local('Roboto-Bold'), - url('src/roboto/Roboto-Bold.woff2') format('woff2'), - url('src/roboto/Roboto-Bold.woff') format('woff'); - font-weight: bold; - font-style: normal; - font-display: swap; + font-family: "Roboto"; + src: + local("Roboto Bold"), + local("Roboto-Bold"), + url("src/roboto/Roboto-Bold.woff2") format("woff2"), + url("src/roboto/Roboto-Bold.woff") format("woff"); + font-weight: bold; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Roboto'; - src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), - url('src/roboto/Roboto-BoldItalic.woff2') format('woff2'), - url('src/roboto/Roboto-BoldItalic.woff') format('woff'); - font-weight: bold; - font-style: italic; - font-display: swap; + font-family: "Roboto"; + src: + local("Roboto Bold Italic"), + local("Roboto-BoldItalic"), + url("src/roboto/Roboto-BoldItalic.woff2") format("woff2"), + url("src/roboto/Roboto-BoldItalic.woff") format("woff"); + font-weight: bold; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Roboto'; - src: local('Roboto Light Italic'), local('Roboto-LightItalic'), - url('src/roboto/Roboto-LightItalic.woff2') format('woff2'), - url('src/roboto/Roboto-LightItalic.woff') format('woff'); - font-weight: 300; - font-style: italic; - font-display: swap; + font-family: "Roboto"; + src: + local("Roboto Light Italic"), + local("Roboto-LightItalic"), + url("src/roboto/Roboto-LightItalic.woff2") format("woff2"), + url("src/roboto/Roboto-LightItalic.woff") format("woff"); + font-weight: 300; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Roboto'; - src: local('Roboto Italic'), local('Roboto-Italic'), - url('src/roboto/Roboto-Italic.woff2') format('woff2'), - url('src/roboto/Roboto-Italic.woff') format('woff'); - font-weight: normal; - font-style: italic; - font-display: swap; + font-family: "Roboto"; + src: + local("Roboto Italic"), + local("Roboto-Italic"), + url("src/roboto/Roboto-Italic.woff2") format("woff2"), + url("src/roboto/Roboto-Italic.woff") format("woff"); + font-weight: normal; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Roboto'; - src: local('Roboto Light'), local('Roboto-Light'), - url('src/roboto/Roboto-Light.woff2') format('woff2'), - url('src/roboto/Roboto-Light.woff') format('woff'); - font-weight: 300; - font-style: normal; - font-display: swap; + font-family: "Roboto"; + src: + local("Roboto Light"), + local("Roboto-Light"), + url("src/roboto/Roboto-Light.woff2") format("woff2"), + url("src/roboto/Roboto-Light.woff") format("woff"); + font-weight: 300; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Roboto'; - src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), - url('src/roboto/Roboto-BlackItalic.woff2') format('woff2'), - url('src/roboto/Roboto-BlackItalic.woff') format('woff'); - font-weight: 900; - font-style: italic; - font-display: swap; + font-family: "Roboto"; + src: + local("Roboto Black Italic"), + local("Roboto-BlackItalic"), + url("src/roboto/Roboto-BlackItalic.woff2") format("woff2"), + url("src/roboto/Roboto-BlackItalic.woff") format("woff"); + font-weight: 900; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Roboto'; - src: local('Roboto Black'), local('Roboto-Black'), - url('src/roboto/Roboto-Black.woff2') format('woff2'), - url('src/roboto/Roboto-Black.woff') format('woff'); - font-weight: 900; - font-style: normal; - font-display: swap; + font-family: "Roboto"; + src: + local("Roboto Black"), + local("Roboto-Black"), + url("src/roboto/Roboto-Black.woff2") format("woff2"), + url("src/roboto/Roboto-Black.woff") format("woff"); + font-weight: 900; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Roboto'; - src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), - url('src/roboto/Roboto-ThinItalic.woff2') format('woff2'), - url('src/roboto/Roboto-ThinItalic.woff') format('woff'); - font-weight: 100; - font-style: italic; - font-display: swap; + font-family: "Roboto"; + src: + local("Roboto Thin Italic"), + local("Roboto-ThinItalic"), + url("src/roboto/Roboto-ThinItalic.woff2") format("woff2"), + url("src/roboto/Roboto-ThinItalic.woff") format("woff"); + font-weight: 100; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Roboto'; - src: local('Roboto Medium'), local('Roboto-Medium'), - url('src/roboto/Roboto-Medium.woff2') format('woff2'), - url('src/roboto/Roboto-Medium.woff') format('woff'); - font-weight: 500; - font-style: normal; - font-display: swap; + font-family: "Roboto"; + src: + local("Roboto Medium"), + local("Roboto-Medium"), + url("src/roboto/Roboto-Medium.woff2") format("woff2"), + url("src/roboto/Roboto-Medium.woff") format("woff"); + font-weight: 500; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Roboto'; - src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), - url('src/roboto/Roboto-MediumItalic.woff2') format('woff2'), - url('src/roboto/Roboto-MediumItalic.woff') format('woff'); - font-weight: 500; - font-style: italic; - font-display: swap; + font-family: "Roboto"; + src: + local("Roboto Medium Italic"), + local("Roboto-MediumItalic"), + url("src/roboto/Roboto-MediumItalic.woff2") format("woff2"), + url("src/roboto/Roboto-MediumItalic.woff") format("woff"); + font-weight: 500; + font-style: italic; + font-display: swap; } @font-face { - font-family: 'Roboto'; - src: local('Roboto'), local('Roboto-Regular'), - url('src/roboto/Roboto-Regular.woff2') format('woff2'), - url('src/roboto/Roboto-Regular.woff') format('woff'); - font-weight: normal; - font-style: normal; - font-display: swap; + font-family: "Roboto"; + src: + local("Roboto"), + local("Roboto-Regular"), + url("src/roboto/Roboto-Regular.woff2") format("woff2"), + url("src/roboto/Roboto-Regular.woff") format("woff"); + font-weight: normal; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Roboto'; - src: local('Roboto Thin'), local('Roboto-Thin'), - url('src/roboto/Roboto-Thin.woff2') format('woff2'), - url('src/roboto/Roboto-Thin.woff') format('woff'); - font-weight: 100; - font-style: normal; - font-display: swap; + font-family: "Roboto"; + src: + local("Roboto Thin"), + local("Roboto-Thin"), + url("src/roboto/Roboto-Thin.woff2") format("woff2"), + url("src/roboto/Roboto-Thin.woff") format("woff"); + font-weight: 100; + font-style: normal; + font-display: swap; } - -- 2.51.2