diff --git a/apps/readest-app/src/app/reader/components/settings/CustomFonts.tsx b/apps/readest-app/src/app/reader/components/settings/CustomFonts.tsx
index 7a7cbfdd..064afdb5 100644
--- a/apps/readest-app/src/app/reader/components/settings/CustomFonts.tsx
+++ b/apps/readest-app/src/app/reader/components/settings/CustomFonts.tsx
@@ -175,7 +175,7 @@ const CustomFonts: React.FC<CustomFontsProps> = ({ bookKey, onBack }) => {
                   fontFamily: font.loaded ? `"${font.name}", sans-serif` : 'sans-serif',
                   fontWeight: 400,
                 }}
-                className='text-base-content line-clamp-1'
+                className='text-base-content line-clamp-1 break-all'
               >
                 {font.family || font.name}
               </div>