·   · 4 posts

Font Stack Explained

Please can someone explain the Font Stack to me. I am using the Lucid theme, with the Font Stack set to: Nunito, Lato, Arial, sans-serif

When will the fonts display, is it correct to assume the following?

  1. Nunito, - Windows Desktop Font
  2. Lato, - Apple Desktop Font
  3. Arial, - Tablet Font
  4. sans-serif - Mobile Font

OR is it?

  • Windows: Nunito
  • macOS: Lato
  • iOS: Arial
  • Android: sans-serif

v6tdtgl5wi55padwabxnx42gjcjnapnj.png

0 0 0 0 0 0
  • 366
Comments (6)
  • Font stack tells the browser which font to use in order of priority. If the first one is not available in the system and not provided by the site, browser goes for the second one, etc. 

    Nunito and Lato are Google Fonts - so they can be loaded from google as webfonts and will work in any browser and OS, but will request a font from Google every time. So Google fonts increase site loading time.

    Also some countries like China block google and won’t load the fonts. So their browsers will drop to Arial or even default system sans-serif type. 

    0 0 0 0 0 0
    • Yes, you are most welcome to change. Just make sure you use popular default fonts that both MAcOS and Windows would have, or connect Google Fonts of your choice by copy-pasting the embed code via Designer > Injections.

      0 0 0 0 0 0
      • Hi Andrew, 

        Is there a UNA font list that isn't the google fonts. Site load time is a priority. 

        0 0 0 0 0 0
        • Tahoma,Helvetica,Arial

          0 0 0 0 0 0
        • Tahoma,Helvetica,Arial

          0 0 0 0 0 0
          Not logged in users can't 'Comments Post'.
          Share
          Category:
          Created:
          Updated:
          Attachments
          Featured Posts

          UNA - Social Media Software Framework

          Close