I was working with a client the other day creating a style template for their Tableau dashboards. When publishing we discovered that a font we had used on a dashboard did not display as expected on an iPad. The font used in the dashboard was Calibri, it appeared fine on Tableau Desktop, it worked when using a Windows PC and Google Chrome to view on Tableau Server, but when using the iPad app the Calibri font defaulted to a different font.
This sparked a bit of debate and investigation in to which fonts are supported on which platforms - something that is crucial if you are designing dashboards to be consumed across various devices. This particular report was an exec level suite, so was most likely viewed on a tablet (most likely iPad).
Here's what we discovered.
Firstly the font you are using when creating your dashboards in Tableau Desktop must also be installed on your Tableau Server. If you are distributing using Reader, then the assumption is that the person viewing the .twbx will also need that font installed on their machine.
If you're publishing to Tableau Public then you are limited further - you can find a list of fonts that work on Public here.
Fonts display differently across different operating systems. If you're using Windows you will have different fonts than if you use a Mac OS. (See the Tableau public link for more details).
Further, fonts also display differently on mobile devices. Apple lists fonts that are compatible with iOS7 (for iPads and iPhones). You will notice that Calibri is not on this list. However it is compatible on a Mac OS.
I am yet to find a decisive list of what Android platforms support, if you know please get in touch!
I used my iPad to view the Tableau viz of the fonts supported (as in the link above). Here are the images of the viz in Safari and Chrome:
|Viewing in Safara on iPad (iOS 8.4)|
|Viewed in Chrome on iPad (iOS 8.4)|
So, if you're designing dashboards for cross-platform devices, choose your fonts carefully!