americanpurpose1 Font family shows smiley on using Special character like ( and # etc

Question

I have used the americanpurpose1 font family for my project but it shows Smiley on using special Characters like () , # etc. I have also tried HTML symbol codes but this does not work. Here's my code:

.login_heading h2 {
  margin: 20px 0;
  text-transform: uppercase;
  text-align: center;
  font-size: 31px;
  font-weight: 400;
  color: #0d0831;
  font-family: americanpurpose1;
  text-shadow: none;
}

<div class="login_heading">
  <h2>Top 100 Graded Comics Sold</h2>
  <h2 id="changedate">( Last 1 Week )</h2>
</div>

Answer 1

I think this is characteristic of the font in question. The font display these emoticons replacing () and # default. The only alternative is change the font.

Here you have another alternative font, pretty similar:

-- Passion One - Google Font