(PDS-380) Add Inconsolata as monospace font

[melcherry98]

Resolves PDS-380

• Adds Code component

[vine77]

This PR proposes adding <Text code>. However, I wonder if instead we should add a <Code> component, keeping <Text> for Open Sans and <Heading> for Calibre. @nmuldavin, what do you think?

[nmuldavin]

Yeah I vote <Code />. We should make the default html element for that new component a literal code block, though allow overriding with as

[vine77]

Thanks! Love that we have a Code component now. I think that'll be handy if we end up wanting to add props for a bordered code block or something. I left a couple comments about the docs.

I'm not sure why the x-height is taller when I view this in Styleguidist when compared to https://fonts.google.com/specimen/Inconsolata. Here are my screenshots:

Inconsolata on fonts.google.com:

Inconsolata example in Styleguidist:

My eye caught the fact that it looks a bit stretched out vertically, so maybe we can do a little more investigation to try to figure out why that's happening.

[vine77]

LGTM!

I even tried building Inconsolata from source, but got the same result.