title: Google Font not working giving an error "No 'Access-Control-Allow-Origin' header is present on the requested resource"
body: <p>Sorry Guys, this might be a duplicate but i haven't find a solution yet</p>
  
  <p>I have been using Google Fonts for all my projects. Recently, there is something strange happening, fonts not loading and when i inspect the console i find this error </p>
  
  <pre><code>Font from origin 'http://fonts.gstatic.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access.
  </code></pre>
  
  <p>I have checked online and read some of answers here at stackoverflow regarding the matter but failed to find the solution.  What is happening with google fonts, is there a way to remove this problem? I would like to find a simple and working solution, please help.</p>