How to apply a Custom Font in Mythos using CSS?

Hosting on Micro.blog
1

Hi Micro.blog Community!

I am trying to customise my site using the Custom CSS template for the Mythos theme. I am not a coder, and have very little experience with CSS (I can replace elements in existing code when I know what they are doing, eg: hexcodes for colours, links, resizing - small stuff, basically).

I would really like to use the fonts that match my logo, but don’t know where to go in the CSS file to activate them for the headers and titles that I would like to use them for!

So far, I have used the guidance in Help to upload them, and added them (I think :-/ ) to the custom CSS using the following code, guided by the format that was there for the existing fonts:

@import url (“https://fhw-test.micro.blog/uploads/2026/sangguru-ovmgp.ttf”)
@import url (“https://fhw-test.micro.blog/uploads/2026/hyperion-light.ttf”)
–font-family-base: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, “Liberation Sans”, FreeSans, sans-serif, “sanguru-ovmgp”, “hyperion-light”;

Any help (in tech-civillian language if possible) would be appreciated :slight_smile:

Thank you