diff --git a/templates/Sparkle/header.tpl b/templates/Sparkle/header.tpl
index dceceb9d..6c8329fc 100644
--- a/templates/Sparkle/header.tpl
+++ b/templates/Sparkle/header.tpl
@@ -30,7 +30,7 @@
 	<title><if isset($userinfo['loginname']) && $userinfo['loginname'] != ''>{$userinfo['loginname']} - </if>Froxlor Server Management Panel</title>
 	<style type="text/css">
 	body {
-        font-family: <if Settings::Get('panel.use_webfonts') == '1'>{$webfont},</if> Verdana, Geneva, sans-serif;
+        font-family: <if Settings::Get('panel.use_webfonts') == '1'>{$webfont},</if> 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
 	}
 	</style>
 </head>
diff --git a/templates/Sparkle/index.tpl b/templates/Sparkle/index.tpl
index 9d3883f5..59e5b0e4 100644
--- a/templates/Sparkle/index.tpl
+++ b/templates/Sparkle/index.tpl
@@ -19,7 +19,7 @@
 	<title>{$title}Froxlor Server Management Panel</title>
 	<style type="text/css">
 		body {
-			font-family: {if $use_webfonts == 1}{$webfont},{/if} Verdana, Geneva, sans-serif;
+			font-family: {if $use_webfonts == 1}{$webfont},{/if} 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
 		}
 	</style>
 </head>