JSFiddle - React, Tailwind, and code Playground

by navyflower

HTML

<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=default"></script>
<link href='https://fonts.googleapis.com/css?family=Sumana' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
<span class="google-sumana">\(50\)</span><br/>
<span class="google-sumana">\(50\)</span><br/>
<hr/>
<span class="google-lora">\(50\)</span><br/>
<span class="google-lora">\(50\)</span><br/>
<hr/>
<span>\(50\)</span><br/>
<span>\(50\)</span><br/>

CSS

.google-sumana {
  font-family: Sumana;
}
.google-lora {
  font-family: Lora;
}