JSFiddle - React, Tailwind, and code Playground

HTML

<link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400' rel='stylesheet' type='text/css'>
    <div>Text TEXT text</div>
    <div class="a">text Text text</div>

CSS

div {
    font-family: 'Ubuntu';
    font-size: 20px;
    font-weight: 300;
}
.a {
    font-family: 'Ubuntu_light';
}
@font-face {
  font-family: 'Ubuntu_light';
  font-style: normal;
  font-weight: normal;
  src:    url(http://themes.googleusercontent.com/static/fonts/ubuntu/v4/_aijTyevf54tkVDLy-dlnD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}