title: Google fonts and cross-browser Unicode
body: <p>I'm using a google font (<code>Source Sans Pro</code>) in one of my projects. I have a class where on hover <code>::after</code> I show an arrow. The problem is except from Safari, Chrome and Firefox both showing a different symbol. I mean it is arrow but the default google font is not used in the two browsers (Chrome and Firefox) to render the Unicode <code>(2192)</code>. </p>
  
  <p>See the image below to understand the issue. Is there a way to make them look the same across browsers as it is appearing in Safari? </p>
  
  <p><a href="https://i.stack.imgur.com/n8nwE.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/n8nwE.jpg" alt="enter image description here"></a></p>