diff --git a/frontend/src/app/main/data/fonts.cljs b/frontend/src/app/main/data/fonts.cljs
index 5c9e3837d..bb8fe193f 100644
--- a/frontend/src/app/main/data/fonts.cljs
+++ b/frontend/src/app/main/data/fonts.cljs
@@ -318,9 +318,12 @@
         (swap! storage assoc ::recent-fonts most-recent-fonts)))))
 
 (defn load-recent-fonts
-  []
+  [fonts]
   (ptk/reify ::load-recent-fonts
     ptk/UpdateEvent
     (update [_ state]
-      (let [saved-recent-fonts (::recent-fonts @storage)]
+      (let [fonts-map (d/index-by :id fonts)
+            saved-recent-fonts (->> (::recent-fonts @storage)
+                                    (keep #(get fonts-map (:id %)))
+                                    (into #{}))]
         (assoc-in state [:workspace-data :recent-fonts] saved-recent-fonts)))))
diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/menus/typography.cljs b/frontend/src/app/main/ui/workspace/sidebar/options/menus/typography.cljs
index c98013450..0d7977266 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/options/menus/typography.cljs
+++ b/frontend/src/app/main/ui/workspace/sidebar/options/menus/typography.cljs
@@ -144,8 +144,8 @@
            (on-select font)
            (on-close)))]
 
-    (mf/with-effect []
-      (st/emit! (fts/load-recent-fonts)))
+    (mf/with-effect [fonts]
+      (st/emit! (fts/load-recent-fonts fonts)))
 
     (mf/with-effect [fonts]
       (let [key (events/listen js/document "keydown" on-key-down)]