JSFiddle - React, Tailwind, and code Playground

HTML

<button id="arial">
  arial
</button>

<button id="tahoma">
  helvetica
</button>

CSS

body {
  font-size:16px;
}
#arial {
  font-family: Arial;
  font-size: 1em;
  padding: 0 10px;
}

#tahoma {
  font-family: Tahoma;
  font-size: 1em;
  padding: 0 10px;
}
button {
  line-height:26px;
  vertical-align:middle;
}