JSFiddle - React, Tailwind, and code Playground

HTML

<p>Google Font </br>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>

<p id="tshadow">Google Font with text-shadow</br>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>

CSS

@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: local('Exo 2'), local('Exo2-Regular'), url(http://themes.googleusercontent.com/static/fonts/exo2/v1/8C2PVL2WIMUnPF90ukjrZQ.woff) format('woff');
}

body{font-family: 'Exo 2', serif;color:#7C5656;font-size:0.85em}

JavaScript

if(navigator.userAgent.match(/chrome|opera/i))
{
  document.getElementById('tshadow').style.textShadow='rgba(0,0,0,0.28) 0px 0px 1px';
}