JSFiddle - React, Tailwind, and code Playground

by jeremyblalock

HTML

<svg width="400" height="400">
  <text y="20" class="bigger">Hello, world</text>
  <text y="36" class="smaller">Hello, world</text>
</svg>

CSS

text {
  font-family: BlinkMacSystemFont;
}

text.bigger {
  font-size: 10.01px;
}

text.smaller {
  font-size: 9.99px;
}

svg {
  transform: scale(3.8);
  transform-origin: 0 0;
}