github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-01-23 19:18:07 -05:00
Code Issues Packages Projects Releases Wiki Activity

Update monospace font

Browse Source 
Fixes #4375
This commit is contained in:
rijkvanzanten
2021-03-04 10:42:37 -05:00
parent a079184a56
commit 286f7191d4
6 changed files with 17 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
app/src/assets/fonts/FiraCode-Regular.woff
View File

Binary file not shown.

BIN
app/src/assets/fonts/FiraCode-Regular.woff2
View File

Binary file not shown.

BIN
app/src/assets/fonts/FiraMono-Medium.woff Normal file
View File

Binary file not shown.

BIN
app/src/assets/fonts/FiraMono-Medium.woff2 Normal file
View File

Binary file not shown.

41
app/src/styles/_fonts.scss
View File

@@ -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;
}

5
app/src/styles/_type-styles.scss
View File

@@ -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 {