font size / spacing is altered by inherited css

[lkeegan]

For example when integrated into the existing typo website:

Differences presumably due to css:

• font size smaller in segments
• vertical font spacing in group box larger

Possible solution:

• [svg] specify all font sizes within svg in px instead of em
  • where this px should be relative to the 400x400 pixel svg canvas
• [css] specify line-height (also in px) inside group boxes
  • this is the only place we have multi-line text
  • all other multi-line text is made of single lines with explicit positions for each line

[lkeegan]

also group website links get a black underline on mouseover.

We should add some css for this, e.g.

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}