1

这是我的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';   
     }

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

4

6 回答 6

1

如果我不得不猜测，我会说你的字体名称是错误的。

尝试

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

true-type 字体通常是 .ttf，不是吗？

于 2013-07-10T05:12:42.757 回答
1

请试试这个，我可以确定你的解决方案完成了。

请在您的 CSS 样式中添加eot, woff, svg, formate和添加工具包。@font-face

    @font-face{
        font-family:'Byron Medium';
        src:url('byronmedium.tff');
           // font-size:'60px';
        src: url('byronmedium-webfont.eot');
         src: url('byronmedium-webfont.eot?#iefix') format('embedded-opentype'),
                         url('byronmedium-webfont.woff') format('woff'),
                         url('byronmedium-webfont.ttf') format('truetype'),
                         url('byronmedium-webfont.svg#byronmedium') format('svg');
                    font-weight: normal;
                    font-style: normal;
    }

      .myfont{
        font-family:'Byron Medium';
        font-size:'60px';   

     }

HTML

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

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

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

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

于 2013-07-10T05:19:01.120 回答
0

您应用字体的选择器是div #myfont，但您选择的是 id，因此div是多余的。

尝试改变这个：

div #myfont{
 font-family:'Byron Medium';
 font-size:'60px';   
}

对此：

#myfont{
 font-family:'Byron Medium';
 font-size:'60px';   
}

或者更好的是，使用一个类 ( .myFont)，并将其应用于您想要使用该字体的任何元素。

于 2013-07-10T05:10:00.753 回答
0

由于带有 的元素myfont id是不是分区子级的段落，因此您当前的选择器与示例标记中的任何内容都不匹配。将其更改为

#myfont { /*...*/ }

此外，为了获得更好的浏览器支持，您需要考虑添加比 更多的文件格式.ttf，除非您知道您只处理可以处理 TrueType 字体的浏览器。

于 2013-07-10T06:26:45.893 回答
0

从您的 CSS 定义中删除 div 元素，

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

#myfont
{
font-family:'Byron Medium';
font-size:'60px';   
}
于 2013-07-10T05:13:24.470 回答
-1

use 可以将 @font 应用于<p>div 内的标签，您可以使用div p{font-family:myFirstFont;}或将类应用于<p class="yourclassname">或div从 css中删除

于 2013-07-10T05:25:32.137 回答