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

我认为这是有问题字体的特征。 字体显示这些表情符号替换()和#默认值。 唯一的选择是更改字体。

这里有另一种替代字体，非常相似：

-- Passion One - Google Font