foster/website
1
0
Fork 0
Code Issues 8 Pull requests Activity

Change fonts

Browse source 
- Mona Sans for paragraphs and default text.
- Hubot Sans for headings and titles.
- Monaspace for code and other monospace text.

Removed CascadiaCode and Ubuntu fonts.
This commit is contained in:
Foster Hangdaan 2023-11-27 17:43:21 -05:00
parent 94ab3f9741
commit ec515c4dbc
Signed by: foster
GPG key ID: E48D7F49A852F112
4 changed files with 23 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
_includes/styles/base.scss
View file

@ -28,6 +28,7 @@ main {
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--font--sans-serif-alt);
color: var(--color-headings);
font-weight: bold;
margin-top: 1.5rem;

34
_includes/styles/fonts.scss
View file

@ -1,24 +1,26 @@
@font-face {
font-family: "Ubuntu";
font-weight: normal;
src: url("https://static.fosterhangdaan.com/fonts/ubuntu/latest/Ubuntu-Regular.ttf") format("truetype");
font-family: 'Mona Sans';
src:
url('https://static.fosterhangdaan.com/fonts/mona-sans/latest/Mona-Sans.woff2') format('woff2 supports variations'),
url('https://static.fosterhangdaan.com/fonts/mona-sans/latest/Mona-Sans.woff2') format('woff2-variations');
font-weight: 200 900;
font-stretch: 75% 125%;
}
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-weight: normal;
src: url("https://static.fosterhangdaan.com/fonts/ubuntu/latest/Ubuntu-RegularItalic.ttf") format("truetype");
font-family: 'Hubot Sans';
src:
url('https://static.fosterhangdaan.com/fonts/hubot-sans/latest/Hubot-Sans.woff2') format('woff2 supports variations'),
url('https://static.fosterhangdaan.com/fonts/hubot-sans/latest/Hubot-Sans.woff2') format('woff2-variations');
font-weight: 200 900;
font-stretch: 75% 125%;
}
@font-face {
font-family: "Ubuntu";
font-weight: bold;
src: url("https://static.fosterhangdaan.com/fonts/ubuntu/latest/Ubuntu-Bold.ttf") format("truetype");
}
@font-face {
font-family: "CascadiaCode";
font-weight: normal;
src: url("https://static.fosterhangdaan.com/fonts/cascadia-code/latest/CascadiaMono-Regular.woff2") format("woff2");
font-family: 'Monaspace Neon';
src:
url('https://static.fosterhangdaan.com/fonts/monaspace/latest/MonaspaceNeon.woff2') format('woff2 supports variations'),
url('https://static.fosterhangdaan.com/fonts/monaspace/latest/MonaspaceNeon.woff2') format('woff2-variations');
font-weight: 200 800;
font-stretch: 100% 125%;
}

5
_includes/styles/variables.scss
View file

@ -25,6 +25,7 @@ :root {
--page--max-width: 48rem;
/* Fonts */
--font--sans-serif: Ubuntu, Inter, -apple-system, BlinkMacSystemFont, sans-serif;
--font--mono: CascadiaCode, monospace;
--font--sans-serif: "Mona Sans", Inter, -apple-system, BlinkMacSystemFont, sans-serif;
--font--sans-serif-alt: "Hubot Sans", Inter, -apple-system, BlinkMacSystemFont, sans-serif;
--font--mono: "Monaspace Neon", monospace;
}

2
about.md
View file

@ -11,4 +11,4 @@ ## Credits
- The icons are from [Tabler Icons](https://tabler-icons.io/) and [Simple Icons](https://simpleicons.org/).
- The colour palette of both the light theme and the dark theme is from [Tokyo Night](https://github.com/enkia/tokyo-night-vscode-theme).
- The sans-serif font is [Ubuntu](https://design.ubuntu.com/font). The monospace font is [Cascadia Code](https://github.com/microsoft/cascadia-code).
- The sans-serif fonts are [Mono Sans and Hubot Sans](https://github.com/mona-sans). The monospace font is [Monaspace](https://monaspace.githubnext.com).