style: improve footer layout and text labels

- Simplified page views and visitors display in footer
- Improved readability by using labels and abbreviations
- Updated Tailwind CSS configuration for better font fallback

These changes enhance the user interface in the footer by making the
presentation of page views and visitors more concise and visually
appealing. The update also ensures a better font fallback
experience across different platforms.

app/views/layouts/_footer.html.erb

@@ -3,14 +3,12 @@
   <div class="container mx-auto flex flex-col gap-2">
     <div id="busuanzi_container" class="text-xs opacity-70">
       <div class="space-x-2">
-        <span>Page Views: <span id="busuanzi_page_pv"></span></span>
-        <span>|</span>
-        <span>Page Visitors: <span id="busuanzi_page_uv"></span></span>
-        <span>|</span>
-        <span>Total Views: <span id="busuanzi_site_pv"></span></span>
-        <span>|</span>
-        <span>Total Visitors: <span id="busuanzi_site_uv"></span></span>
-        <span>|</span>
+        <span>Page: </span>
+        <span>PV <span id="busuanzi_page_pv"></span></span>
+        <span>UV <span id="busuanzi_page_uv"></span></span>
+        <span>Site: </span>
+        <span>PV <span id="busuanzi_site_pv"></span></span>
+        <span>UV <span id="busuanzi_site_uv"></span></span>
         <span data-controller="page-load-time">
           Page Load Time: <span data-page-load-time-target="timer">x</span> ms
         </span>

tailwind.config.js

@@ -9,7 +9,23 @@ module.exports = {
     extend: {
       fontFamily: {
         'display': ['"Playfair Display"', 'serif'],
-        'sans': ['Raleway', 'sans-serif'],
+        'sans': [
+          'ui-sans-serif',
+          'system-ui',
+          '-apple-system',
+          'BlinkMacSystemFont',
+          'Segoe UI',
+          'Roboto',
+          'Helvetica Neue',
+          'Vazirmatn',
+          'Arial',
+          'Noto Sans',
+          'sans-serif',
+          'Apple Color Emoji',
+          'Segoe UI Emoji',
+          'Segoe UI Symbol',
+          'Noto Color Emoji',
+        ],
       },
       height: {
         'screen-90': '90vh',