diff --git a/app/src/assets/fonts/FiraCode-Regular.woff b/app/src/assets/fonts/FiraCode-Regular.woff deleted file mode 100644 index d250d4596b..0000000000 Binary files a/app/src/assets/fonts/FiraCode-Regular.woff and /dev/null differ diff --git a/app/src/assets/fonts/FiraCode-Regular.woff2 b/app/src/assets/fonts/FiraCode-Regular.woff2 deleted file mode 100644 index d58667c57b..0000000000 Binary files a/app/src/assets/fonts/FiraCode-Regular.woff2 and /dev/null differ diff --git a/app/src/assets/fonts/FiraMono-Medium.woff b/app/src/assets/fonts/FiraMono-Medium.woff new file mode 100644 index 0000000000..a4663a99af Binary files /dev/null and b/app/src/assets/fonts/FiraMono-Medium.woff differ diff --git a/app/src/assets/fonts/FiraMono-Medium.woff2 b/app/src/assets/fonts/FiraMono-Medium.woff2 new file mode 100644 index 0000000000..7991d21101 Binary files /dev/null and b/app/src/assets/fonts/FiraMono-Medium.woff2 differ diff --git a/app/src/styles/_fonts.scss b/app/src/styles/_fonts.scss index 11d5379613..9c0f7430f1 100644 --- a/app/src/styles/_fonts.scss +++ b/app/src/styles/_fonts.scss @@ -4,8 +4,7 @@ font-weight: 400; font-family: 'Inter'; font-style: normal; - src: - url('../assets/fonts/Inter-Regular.woff2') format('woff2'), + src: url('../assets/fonts/Inter-Regular.woff2') format('woff2'), url('../assets/fonts/Inter-Regular.woff') format('woff'); font-display: block; } @@ -14,8 +13,7 @@ font-weight: 500; font-family: 'Inter'; font-style: normal; - src: - url('../assets/fonts/Inter-Medium.woff2') format('woff2'), + src: url('../assets/fonts/Inter-Medium.woff2') format('woff2'), url('../assets/fonts/Inter-Medium.woff') format('woff'); font-display: block; } @@ -24,8 +22,7 @@ font-weight: 500; font-family: 'Inter'; font-style: italic; - src: - url('../assets/fonts/Inter-MediumItalic.woff2') format('woff2'), + src: url('../assets/fonts/Inter-MediumItalic.woff2') format('woff2'), url('../assets/fonts/Inter-MediumItalic.woff') format('woff'); font-display: block; } @@ -34,8 +31,7 @@ font-weight: 600; font-family: 'Inter'; font-style: normal; - src: - url('../assets/fonts/Inter-SemiBold.woff2') format('woff2'), + src: url('../assets/fonts/Inter-SemiBold.woff2') format('woff2'), url('../assets/fonts/Inter-SemiBold.woff') format('woff'); font-display: block; } @@ -44,9 +40,7 @@ font-weight: 700; font-family: 'Inter'; font-style: normal; - src: - url('../assets/fonts/Inter-Bold.woff2') format('woff2'), - url('../assets/fonts/Inter-Bold.woff') format('woff'); + src: url('../assets/fonts/Inter-Bold.woff2') format('woff2'), url('../assets/fonts/Inter-Bold.woff') format('woff'); font-display: block; } @@ -54,21 +48,18 @@ font-weight: 800; font-family: 'Inter'; font-style: normal; - src: - url('../assets/fonts/Inter-Black.woff2') format('woff2'), - url('../assets/fonts/Inter-Black.woff') format('woff'); + src: url('../assets/fonts/Inter-Black.woff2') format('woff2'), url('../assets/fonts/Inter-Black.woff') format('woff'); font-display: block; } // Monospace @font-face { - font-weight: 400; - font-family: 'Fira Code'; + font-weight: 500; + font-family: 'Fira Mono'; font-style: normal; - src: - url('../assets/fonts/FiraCode-Regular.woff2') format('woff2'), - url('../assets/fonts/FiraCode-Regular.woff') format('woff'); + src: url('../assets/fonts/FiraMono-Medium.woff2') format('woff2'), + url('../assets/fonts/FiraMono-Medium.woff') format('woff'); } // Serif @@ -77,8 +68,7 @@ font-weight: 400; font-family: 'Merriweather'; font-style: normal; - src: - url('../assets/fonts/merriweather-regular.woff2') format('woff2'), + src: url('../assets/fonts/merriweather-regular.woff2') format('woff2'), url('../assets/fonts/merriweather-regular.woff') format('woff'); font-display: block; } @@ -87,8 +77,7 @@ font-weight: 400; font-family: 'Merriweather'; font-style: italic; - src: - url('../assets/fonts/merriweather-italic.woff2') format('woff2'), + src: url('../assets/fonts/merriweather-italic.woff2') format('woff2'), url('../assets/fonts/merriweather-italic.woff') format('woff'); font-display: block; } @@ -97,8 +86,7 @@ font-weight: 600; font-family: 'Merriweather'; font-style: normal; - src: - url('../assets/fonts/merriweather-bold.woff2') format('woff2'), + src: url('../assets/fonts/merriweather-bold.woff2') format('woff2'), url('../assets/fonts/merriweather-bold.woff') format('woff'); font-display: block; } @@ -107,8 +95,7 @@ font-weight: 300; font-family: 'Merriweather'; font-style: normal; - src: - url('../assets/fonts/merriweather-light.woff2') format('woff2'), + src: url('../assets/fonts/merriweather-light.woff2') format('woff2'), url('../assets/fonts/merriweather-light.woff') format('woff'); font-display: block; } diff --git a/app/src/styles/_type-styles.scss b/app/src/styles/_type-styles.scss index da0fc902c5..e2b0ea0808 100644 --- a/app/src/styles/_type-styles.scss +++ b/app/src/styles/_type-styles.scss @@ -1,9 +1,10 @@ @import './mixins/type-styles.scss'; :root { - --family-monospace: 'Fira Code', monospace; + --family-monospace: 'Fira Mono', monospace; --family-serif: 'Merriweather', serif; - --family-sans-serif: 'Inter', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; + --family-sans-serif: 'Inter', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', + sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; } .type-title {