From 360fe8cc8c4a55a92a6b262530c436b0d34591b3 Mon Sep 17 00:00:00 2001
From: Xyphyn <james@xylight.dev>
Date: Thu, 14 Sep 2023 17:22:07 -0700
Subject: [PATCH] misc: fix markdown fonts

---
 package.json                                |  2 +-
 src/lib/components/markdown/Markdown.svelte | 12 +++++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index f4dfb8b5..0f409a04 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "photon-lemmy",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "private": true,
   "scripts": {
     "dev": "vite dev",
diff --git a/src/lib/components/markdown/Markdown.svelte b/src/lib/components/markdown/Markdown.svelte
index ae22ac19..490d18e1 100644
--- a/src/lib/components/markdown/Markdown.svelte
+++ b/src/lib/components/markdown/Markdown.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import { md, mdInline, photonify } from '$lib/components/markdown/markdown'
+  import { userSettings } from '$lib/settings.js'
 
   export let source: string = ''
   export let inline: boolean = false
@@ -18,11 +19,20 @@
   $: if (source && div) {
     replaceURLs(div)
   }
+
+  let font =
+    $userSettings.font == 'system'
+      ? 'font-system'
+      : $userSettings.font == 'browser'
+      ? 'font-sans'
+      : inline
+      ? 'font-inter'
+      : 'font-system'
 </script>
 
 <div
   bind:this={div}
-  class="break-words flex flex-col markdown gap-2 leading-[1.5] font-sans"
+  class="break-words flex flex-col markdown gap-2 leading-[1.5] {font}"
 >
   {#if inline}
     {@html mdInline.render(source)}