Add a fallback font?
Hi, I'm not sure if this is the correct repo to report this issue but this one seems like to be used in all websites.
So, tpo websites use the custom "Source Sans Pro" font and it takes some time to download that font for browsers. The browser shows everything in "Times New Roman" font for a brief amount of time. Yes, it is not the end of the world but I think it looks ugly.
This is how it looks on my end:
My suggestion would be setting a fallback font like "Helvetica Neue" to show the website in it until "Source Sans Pro" loads. It is not the best solution but at least it is a better transition than "Times New Roman" to "Source Sans Pro".
And it is very easy to solve. You just need to define the font family in this order:
font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
I used Source Sans Pro in my project's dashboard page and I had the exact same issue. You can check my website to see how the proposed transition looks like: https://dashboard.captcha.wtf/
If you find a better looking fallback system font, please let me know :)