kobotoolbox / kpi / 17838698517

81%

master: 76%

push

github

fix(frontend): roboto font loading DEV-887 (#6199)

### 💭 Notes

Firefox has a feature that protects users from being targeted using
their available system fonts. This feature causes our Roboto font to not
be properly loaded when using Private browsing. I'm updating the way in
which we load Roboto to avoid the problem.

### 👀 Preview steps

1. Use Private browsing in Firefox
2. Open any KPI route (don't even need to be logged in)
3. 🔴 [on main] notice that the font used is the default sans-serif
browser font
4. 🟢 [on PR] notice that the font used is Roboto

ℹ️ The easiest way is to use Dev Tools, and in "Inspector" tab selecting
"Fonts" sub-tab on the right. "All Fonts on Page" should list only
`k-icons` and few different `Roboto` (all comming from
`/static/compiled/…`).

---------

Co-authored-by: Paulo Amorim <pauloamorimbr@gmail.com>

6895 of 10866 branches covered (63.45%)

26682 of 32842 relevant lines covered (81.24%)

1.6 hits per line