Compatibility Tables are unreadable without web fonts loaded.

[schalkneethling]

From Bugzilla:

What did you do?

1. Open Firefox Focus (with web fonts disabled)
2. Visit https://developer.mozilla.org/en-US/docs/Web/API/PerformancePaintTiming
   3.) Scroll down and try to read the compatibility table.

What happened?

The browser icons are all rendered as squares, making the table unreadbale.

What should have happened?

The browser icons should ahve been displayed still.

Is there anything else we should know?

Switching to SVG icons instead of using icon fonts would fix this issue.

https://bugzilla.mozilla.org/show_bug.cgi?id=1480106

Acceptance Criteria

• On mobile viewports, display the name of the browser as apposed to the icon

[schalkneethling]

Pull requests:

mdn/kumascript#776
mdn/kuma#4948

[jwhitlock]

Mobile part of the bug is complete. Replacing webfonts on the desktop view will be more challenging, but maybe not as necessary.