EducationSoftwareStrategy.com
StrategyCommunity

Knowledge Base

Product

Community

Knowledge Base

TopicsBrowse ArticlesDeveloper Zone

Product

Download SoftwareProduct DocumentationSecurity Hub

Education

Tutorial VideosSolution GalleryEducation courses

Community

GuidelinesGrandmastersEvents
x_social-icon_white.svglinkedin_social-icon_white.svg
Strategy logoCommunity

© Strategy Inc. All Rights Reserved.

LegalTerms of UsePrivacy Policy
  1. Home
  2. Topics

KB484495: Avoid inconsistent fonts on different devices


Wojciech Antonczyk

Product Owner • Strategy


This article explains how to avoid inconsistent fonts across different devices. This article also lists examples of fonts you could choose from.

Starting with the release of Strategy ONE (March 2024), dossiers are also known as dashboards.

Description 


As per the latest iOS update, the default fallback font, for when the system cannot find the correct one, has been changed from Arial to Times New Roman. As a Demo team, we create a lot of dossiers, where we use Open-Sans font for texts, to keep consistency with the widgets. The latest change means that something that should look like this:

ka0PW0000001JdRYAU_0EM2R000000ahRE.jpeg


Looks like this instead:

ka0PW0000001JdRYAU_0EM2R000000ahRJ.jpeg

Solution


To resolve that problem, you should keep the potential font issues in mind when specifying font-families you want to use in his container. So instead of writing:
font-family: "Open Sans";
You could add an alternative font that will be displayed when the original one is not found, like Arial for example:
font-family: "Open Sans", "Arial";
Then our aforementioned text will look like this on an iPad:

ka0PW0000001JdRYAU_0EM2R000000ahRO.jpeg

 

Choosing the Right Font


The best solution will always be to choose a font that will display correctly on different systems and platforms. It is best to stick to a small list of fonts that you know display well across platforms you work with. Some examples of cross-platform fonts include:
For Sans-Serif fonts:

  • Arial
  • Arial Black
  • Tahoma
  • Trebuchet MS
  • Verdana

For Serif fonts:

  • Courier
  • Courier New
  • Georgia
  • Times
  • Times New Roman
  • New York

For Monospace fonts:

  • Courier
  • Courier New


Here’s a list of all widely-supported cross-platform fonts:

  • Helvetica
  • Arial
  • Arial Black
  • Comic Sans
  • Courier New
  • Georgia
  • Impact
  • Charcoal
  • Lucida Console
  • Lucida Sans Unicode
  • Lucida Grande
  • Palatino Linotype
  • Book Antiqua
  • Palatino
  • Tahoma
  • Geneva
  • Times
  • Times New Roman
  • Trebuchet MS
  • Verdana
  • Monaco 


Check this article for more information.


Comment

0 comments

Details

Knowledge Article

Published:

August 3, 2020

Last Updated:

March 21, 2024