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';
}

通常、TrueType フォントは .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

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 に答える
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 に答える
-1

<p>使用すると、 div 内にあるタグに@font を適用できdiv p{font-family:myFirstFont;}ます。クラスを使用または適用したり、css から<p class="yourclassname">削除したりできます。div

于 2013-07-10T05:25:32.137 に答える