Customizing the font
Since it took me a while to remember how to "install" web fonts on my site using CSS, I want to share with you the code snippet I added to my blog theme to set the font Averia Libre.
At the moment, this font is my favorite; I'm using it on several sites (including my personal one and my netlabel, which you can find at the top of the navbar) to achieve a sort of "coordinated image."
I hope you find it useful! Just remember to place it at the beginning of your site's theme code.
/* Import your favorite fonts from "fonts.bunny.net" */
@import url(https://fonts.bunny.net/css?family=averia-libre:400,400i,700);
/* You could also use other sources, such as Google Fonts.
I just find "fonts.bunny.net" to provide a more friendly interface.*/
/* Setting the default fonts for the site. */
:root {
--font-main: 'Averia Libre', sans-serif;
--font-secondary: "Averia Libre", sans-serif;
/* Of course, you could also set a secondary font different from the primary one. */
/* More style here. */
}