adam/home73k
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

switched monospace font to jetbrains mono

Browse source
This commit is contained in:
Adam Piontek 2021-04-09 10:12:53 -04:00
parent bc26053efc
commit ecae5e4b77
6 changed files with 23 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/css/_bs-custom.scss
View file

@ -14,7 +14,7 @@ $font-family-brand: Righteous, system-ui, -apple-system, "Segoe UI", Roboto,
"Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
$font-family-monospace: "Fira Code", SFMono-Regular, Menlo, Monaco, Consolas,
$font-family-monospace: "JetBrains Mono", "Fira Code", SFMono-Regular, Menlo, Monaco, Consolas,
"Liberation Mono", "Courier New", monospace !important;
// Features

17
assets/css/_fonts.scss
View file

@ -1,13 +1,15 @@
/* brand : Fontsource Righteous */
@import "../node_modules/@fontsource/righteous/400.css"; /* normal | normal */
/* monospace : Fontsource Fira Code */
@import "../node_modules/@fontsource/fira-code/300.css"; /* light | normal */
@import "../node_modules/@fontsource/fira-code/400.css"; /* normal | normal */
@import "../node_modules/@fontsource/fira-code/500.css"; /* heavier normal? */
@import "../node_modules/@fontsource/fira-code/600.css"; /* heavier normal? */
@import "../node_modules/@fontsource/fira-code/700.css"; /* bold | normal */
/* monospace : Fontsource JetBrains Mono */
@import "../node_modules/@fontsource/jetbrains-mono/100.css"; /* light | normal */
@import "../node_modules/@fontsource/jetbrains-mono/200.css"; /* light | normal */
@import "../node_modules/@fontsource/jetbrains-mono/300.css"; /* light | normal */
@import "../node_modules/@fontsource/jetbrains-mono/400.css"; /* normal | normal */
@import "../node_modules/@fontsource/jetbrains-mono/500.css"; /* heavier normal? */
@import "../node_modules/@fontsource/jetbrains-mono/600.css"; /* heavier normal? */
@import "../node_modules/@fontsource/jetbrains-mono/700.css"; /* bold | normal */
@import "../node_modules/@fontsource/jetbrains-mono/800.css"; /* bolder | normal */
/* Fontsource Open Sans */
@import "../node_modules/@fontsource/open-sans/300.css"; /* light | normal */
@ -20,4 +22,3 @@
@import "../node_modules/@fontsource/open-sans/700-italic.css"; /* bold | italic */
@import "../node_modules/@fontsource/open-sans/800.css"; /* bolder? | normal */
@import "../node_modules/@fontsource/open-sans/800-italic.css"; /* bolder? | italic */

4
assets/css/app.scss
View file

@ -24,6 +24,10 @@
default 'solarized-dark256' css saved in _chroma.css
minor customizations here
*/
pre, code, .font-monospace {
font-family: $font-family-monospace;
font-weight: 300;
}
pre.chroma {
padding: 0.75rem 1rem;
border-radius: .5em;

14
assets/package-lock.json generated
View file

@ -6,7 +6,7 @@
"": {
"license": "MIT",
"dependencies": {
"@fontsource/fira-code": "^4.x",
"@fontsource/jetbrains-mono": "^4.2.2",
"@fontsource/open-sans": "^4.2.2",
"@fontsource/righteous": "^4.x",
"@mdi/svg": "^5.x",
@ -1283,10 +1283,10 @@
"node": ">=10.0.0"
}
},
"node_modules/@fontsource/fira-code": {
"node_modules/@fontsource/jetbrains-mono": {
"version": "4.2.2",
"resolved": "https://registry.npmjs.org/@fontsource/fira-code/-/fira-code-4.2.2.tgz",
"integrity": "sha512-Bhg7rQ/CUbedA6B6K6gS2GDEa5JJjQwSqq1KMz4wVMaXXL+igsLrr4VKKmdfExwlB6o7Ie8kScXg4camZmt7TQ=="
"resolved": "https://registry.npmjs.org/@fontsource/jetbrains-mono/-/jetbrains-mono-4.2.2.tgz",
"integrity": "sha512-aCwLIqfZZrZjy+cIx/9hSzxyOcz8YzMbd3VQ8QRkS2MB3+XsXAnMLEkELXLCfKYUkEysRECaq5s7+Qhi1hgZAA=="
},
"node_modules/@fontsource/open-sans": {
"version": "4.2.2",
@ -10959,10 +10959,10 @@
"integrity": "sha512-HyYEUDeIj5rRQU2Hk5HTB2uHsbRQpF70nvMhVzi+VJR0X+xNEhjPui4/kBf3VeH/wqD28PT4sVOm8qqLjBrSZg==",
"dev": true
},
"@fontsource/fira-code": {
"@fontsource/jetbrains-mono": {
"version": "4.2.2",
"resolved": "https://registry.npmjs.org/@fontsource/fira-code/-/fira-code-4.2.2.tgz",
"integrity": "sha512-Bhg7rQ/CUbedA6B6K6gS2GDEa5JJjQwSqq1KMz4wVMaXXL+igsLrr4VKKmdfExwlB6o7Ie8kScXg4camZmt7TQ=="
"resolved": "https://registry.npmjs.org/@fontsource/jetbrains-mono/-/jetbrains-mono-4.2.2.tgz",
"integrity": "sha512-aCwLIqfZZrZjy+cIx/9hSzxyOcz8YzMbd3VQ8QRkS2MB3+XsXAnMLEkELXLCfKYUkEysRECaq5s7+Qhi1hgZAA=="
},
"@fontsource/open-sans": {
"version": "4.2.2",

2
assets/package.json
View file

@ -7,7 +7,7 @@
"watch": "webpack --mode development --watch"
},
"dependencies": {
"@fontsource/fira-code": "^4.x",
"@fontsource/jetbrains-mono": "^4.2.2",
"@fontsource/open-sans": "^4.2.2",
"@fontsource/righteous": "^4.x",
"@mdi/svg": "^5.x",

2
lib/home73k_web/templates/layout/root.html.leex
View file

@ -11,7 +11,7 @@
<link rel="alternate" type="application/rss+xml" title="73k Blog - Adam Piontek" href="<%= Routes.feed_path(@conn, :rss) %>" />
<link rel="preload" href="<%= Routes.static_path(@conn, "/fonts/righteous-latin-400-normal.woff2") %>" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="<%= Routes.static_path(@conn, "/fonts/open-sans-latin-400-normal.woff2") %>" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="<%= Routes.static_path(@conn, "/fonts/fira-code-latin-400-normal.woff2") %>" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="<%= Routes.static_path(@conn, "/fonts/jetbrains-mono-latin-300-normal.woff2") %>" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="<%= Routes.static_path(@conn, "/fonts/open-sans-latin-600-normal.woff2") %>" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="me" href="mailto:adam@73k.us"/>
<link rel="me" href="sms:+16462341697"/>