Styles should blend with MDN page styles about interactive-examples HOT 5 CLOSED

I is odd that it does not use Open Sans for the font, will have a look at that. I am wondering, should that heading perhaps utilise Zilla? That way it would just be another section heading and would use the same style as the other headings with the new design.

I can include a very small subset of just what I need in the iFrame if we decide to do this. Thoughts @wbamberg @stephaniehobson

from interactive-examples.

iframes don't pick up the styles of their parent pages, so, no Open Sans for us :/

I think there are a few options:

1. use a sans-serif font
2. remove the explanatory text (it was removed from the original design because no one was reading it in user testing, though probably it is a good thing to A/B test in the long run)

* I don't think using Open Sans or Zilla are good options because the entire font family would have to be downloaded a second time by the client. We can't use the same files that kuma does because they are versioned so we would either be linking to a versioned file that could have the version number change or to a different un-versioned file :/

from interactive-examples.

use a sans-serif font

Indeed. Just noticed the font-family is not being set in the body CSS rule. Let me add that. Does not make sense to load the whole font family for this. sans-serif will be close enough.

from interactive-examples.

Added in #96

from interactive-examples.

Duping in favour of #103

from interactive-examples.