Font not loading properly

Question

Here is the Ruby on Rails view code

<style type="text/css">
    @font-face {
      font-family: 'MyFont';
      src: url('<%= asset_path('pricedown.ttf') %>');
    }

    h1.my-font { 
        font-family: "MyFont", Verdana, Tahoma;
        font-size: 50px;
    }
</style>
<h1 class="my-font">the rascals</h1><hr>

The code's output is like this

The custom Font is of course loaded but I am not getting it like what I saw by opening the actual font file... Actual font file looks like this..

As you can see, letters like 'h' and 'r' not showing properly. Is it because I missed something in the CSS part?

Answer 1

尝试重新下载并使用该字体。

Answer 2

h1.my-font { 
    font-family: "MyFont";
    font-size: 50px;
}

should work