HTML 和 CSS 自定义字体未出现在我的页面上

Question

这是我的html代码---->

        <div data-role="page" id="page1" >

            <div data-role="header"  data-theme="b">
                 <h1>header</h1>        
            </div>

            <div data-role="content">
                 <p id="myfont">content</p>
            </div>

             <div data-role="footer" >
                 <h1>footer</h1>
              </div>
      </div>
 </body>

这是我的 CSS 代码-------->

   @font-face{
    font-family:'Byron Medium';
    src:url('byronmedium.ttf');
       // font-size:'60px';
    }
  div #myfont{
    font-family:'Byron Medium';
    font-size:'60px';   
     }

我的自定义字体系列和字体大小即将出现在页面上请帮助我

Answer 1

如果非要我猜的话，我会说你的字体名称是错误的。

尝试

@font-face{
    font-family:'Byron Medium';
    src:url('byronmedium.ttf');
    // font-size:'60px';
}

true-type 字体一般都是 .ttf，不是吗？