JSFiddle - React, Tailwind, and code Playground

HTML

<div style="font-weight:lighter">
  <div>1234567890</div>
  <div style="font-weight:normal">1234567890</div>
  <div style="font-weight:bolder">1234567890</div>
  <div style="font-weight:bold">1234567890</div>
</div>

CSS

* {
  font-family: Roboto;
}

div div[style]:after { content: " (" attr(style) ")" }

JavaScript

WebFontConfig = {
    google: { families: [ 'Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic:latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })();