{
  "$type": "site.standard.document",
  "bskyPostRef": {
    "cid": "bafyreiajn2trp3oaswykfdvm6ottbo4fwuvc4wxooaivgunaqlvorivpdq",
    "uri": "at://did:plc:t33vcfaezw7iwyoz7xiejurq/app.bsky.feed.post/3me6xzkf5fqt2"
  },
  "path": "/t/how-to-apply-a-custom-font-in-mythos-using-css/4198#post_1",
  "publishedAt": "2026-02-06T11:14:33.000Z",
  "site": "https://help.micro.blog",
  "tags": [
    "https://fhw-test.micro.blog/uploads/2026/sangguru-ovmgp.ttf”",
    "https://fhw-test.micro.blog/uploads/2026/hyperion-light.ttf”",
    "@import",
    "@import"
  ],
  "textContent": "Hi Micro.blog Community!\n\nI 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).\n\nI 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!\n\nSo 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:\n\n@import url (“https://fhw-test.micro.blog/uploads/2026/sangguru-ovmgp.ttf”)\n@import url (“https://fhw-test.micro.blog/uploads/2026/hyperion-light.ttf”)\n–font-family-base: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, “Liberation Sans”, FreeSans, sans-serif, “sanguru-ovmgp”, “hyperion-light”;\n\nAny help (in tech-civillian language if possible) would be appreciated\n\nThank you",
  "title": "How to apply a Custom Font in Mythos using CSS?"
}