vimwiki

beau's personal wiki, made using vim
Log | Files | Refs | README

commit dd5c0b620203693105f1d67150bd8f66cfd1bace
parent c8360e1f076b3a8571fb64a120e36e7cc639b454
Author: C. Beau Hilton <cbeauhilton@gmail.com>
Date:   Sun, 28 Jun 2020 06:32:43 -0500

lists2

Diffstat:
Msite/css_custom_fonts.md | 2++
1 file changed, 2 insertions(+), 0 deletions(-)

diff --git a/site/css_custom_fonts.md b/site/css_custom_fonts.md @@ -1,6 +1,7 @@ # fonts TL;DR: + + add your own fonts by referring to them in style.css and making sure they exist + if the font is available on Google Fonts (and mine was), go to <https://google-webfonts-helper.herokuapp.com/fonts/ibm-plex-serif> + download the woff and woff2 files for the fonts you want @@ -9,6 +10,7 @@ TL;DR: + add the line `font-display: swap;` to `@font-face` to avoid invisible text during loading + add caching to make subsequent loads faster - relayd.conf +*** In making my website more minimal, but still my own, font choice seemed a good place to start. I love IBM Plex, and use it everywhere. I wanted to use it on my website, but was a little confused as to how to make it happen without needing a dynamic link to some other website to source the font (e.g. IBM Plex has been added to Google Fonts, so an easy way to get it on my website is to link to their resource). The problem with this is that it needs to query their website every time a new visitor comes to mine, and that is less efficient and makes me dependent on Google. (Btw, the most suckless thing to do would be to just use the user's system monospaced font with `font-family:monospace` -- that's exactly what suckless.org does -- but this is a *personal* blog, dammit, and I'm going to strike a balance between minimalism and personality -- call it essentialism, maybe)