josh/dashy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

⚡ Reference fonts locally, and documents

Browse Source
This commit is contained in:
Alicia Sykes
2021-06-24 14:41:42 +01:00
parent c3058df402
commit cc336e8872
4 changed files with 46 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/fonts/Inconsolata-Variable.ttf
View File

Binary file not shown.

5
src/styles/color-themes.scss
View File

@@ -150,6 +150,7 @@ html[data-theme='nord-frost'] {
}
html[data-theme='material-original'] {
--font-body: 'Roboto', serif;
--primary: #29B6F6;
--settings-text-color: #01579b;
--background: #e2e1e0;
@@ -255,8 +256,8 @@ html[data-theme='colorful'] {
}
html[data-theme='minimal-light'], html[data-theme='minimal-dark'], html[data-theme='vaporware'] {
--font-body: 'PTMono-Regular', 'Courier New', monospace;
--font-headings: 'PTMono-Regular', 'Courier New', monospace;
--font-body: 'Courier New', monospace;
--font-headings: 'Courier New', monospace;
label.lbl-toggle h3 {
font-size: 1.8rem;

51
src/styles/typography.scss
View File

@@ -1,5 +1,5 @@
/* Fonts used by the default theme, and bundled within the app */
@font-face {
font-family: 'Inconsolata';
src: url('./assets/fonts/Inconsolata-Light.ttf');
@@ -27,12 +27,12 @@ html {
vertical-align: baseline;
/* Default app font face */
body, div, p, a, span, label, input, button {
body, div, p, a, span, label, input, button, .text {
font-family: var(--font-body);
}
/* Headings font face */
h1, h2, h3, h4, h5 {
h1, h2, h3, h4, h5, .heading {
font-family: var(--font-headings);
}
@@ -43,18 +43,33 @@ html {
}
}
/* Fonts used for external themes */
/* Material Design Themes */
@import url('https://fonts.googleapis.com/css2?family=Francois+One&family=Roboto:wght@300&display=swap');
/* Matrix, Hacker, Nerd Themes */
@import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&family=VT323&display=swap');
/* Colourful */
@import url('https://fonts.googleapis.com/css2?family=Podkova:wght@500&display=swap');
/* Dracula */
@import url('https://fonts.googleapis.com/css2?family=Allerta+Stencil&display=swap');
/* Jam */
@import url('https://fonts.googleapis.com/css2?family=Sniglet&display=swap');
/* Optional fonts for specific themes */
/* These fonts are loaded from ./public and therefore not bundled within the apps source */
@font-face { // Used by Dracula. Credit to Matt McInerney
font-family: 'Allerta Stencil';
src: url('/fonts/AllertaStencil-Regular.ttf');
}
@font-face { // Used by body text in Matrix and Hacker themes. Credit to the late Vernon Adams, RIP
font-family: 'Cutive Mono';
src: url('/fonts/CutiveMono-Regular.ttf');
}
@font-face { // Heading text in Material and Material Dark. Credit to Vernon Adams
font-family: 'Francois One';
src: url('/fonts/FrancoisOne-Regular.ttf');
}
@font-face { // Heading text in Colorful theme. Credit to Cyreal
font-family: 'Podkova';
src: url('/fonts/Podkova-Medium.ttf');
}
@font-face { // Standard body text in material original. Credit to Christian Robertson
font-family: 'Roboto';
src: url('/fonts/Roboto-Light.ttf');
}
@font-face { // Heading text in Jam, Bee and Tiger themes. Credit to Haley Fiege
font-family: 'Sniglet';
src: url('/fonts/Sniglet-Regular.ttf');
}
@font-face { // Used by heading text in Matrix and Hacker themes. Credit to Peter Hull
font-family: 'VT323';
src: url('/fonts/VT323-Regular.ttf');
}