Generally, sites don't have the option to change the font type used on them. It's something that can only be customised on your end by using a custom stylesheet with an extension like Stylus, if you're on Google Chrome or a Chromium derivative (like the new Microsoft Edge or Brave Browser). Adding Stylus to your browser will let you make a stylesheet for any site that only visually changes the site on your end.

Once you have Stylus installed, you'll have to write a style for https://www.lioden.com/ (screenshot). Writing a style will take you to a blank stylesheet page, where you can customise your CSS (screenshot).

To use a custom font, you can go to a website like Google Fonts, then select "See Specimen" (screenshot). Select your font, then a popup will show at the bottom of the page. Expand that popup and select "@IMPORT" under "Embed Font" (screenshot). You need to import the font into your stylesheet - it will give you the proper code to place into your stylesheet and tell you how you can specify that font family in your CSS.

Back in your stylesheet tab, you'll want to copy and paste the entire @import url('font link here'); line, then apply that font to the body of the site using the text in the "Specify in CSS" area on your font type (screenshot)

Save your Stylus stylesheet and it will now change the font for Lioden on your end (screenshot... it's bad, lmao, but works for the purpose of this guide). Obviously these changes won't stay if you use a mobile device or tablet to access Lioden, and it only works on the browser that you have Stylus installed on, but it's the only way to change the font type on a site as that isn't generally a customisable option for most sites.

You have liked this post!