0

@font-face ルールを使用してウェブページにフォントを追加しようとしましたが、表示されません

HTML

<!-- language: lang-html -->

    <ul>
    <li>GREAT</li>
    <li>BITE</li>
    </ul>

CSS

<!-- language: lang-css -->

body{
font-family:Armata;
font-size:16px;
    color:orange;
text-align: center;
background:white;
}

    @font-face {
    font-family: 'Armata';
    src: url(Armata-Regular.ttf),
    src: url(Armata-Regular.otf),
    src: url(Armata-Regular.eot);
    }

ここからフォントをダウンロードできます: http://www.moldire.com

4

4 に答える 4

0

フォントを機能させるための私の手順は次のとおりです。

  • css の最初のフォント フェイス (既に言及されています)
  • フォントの種類/形式を持っている - EX: src: url(Armata-Regular.ttf) format('truetype')
  • ホスト (ローカルかどうかに関係なく) にこれらのフォントの MIME タイプがあることを確認してください

最後に、Web フォントのパスを検討していただけますか? Web パスに埋め込まれたフォントを取得して時間を節約してください: http://www.google.com/fonts/specimen/Armata

これを行うと、最後の箇条書きをスキップする時間を節約できます。

于 2013-08-20T13:23:54.750 に答える
0

あなたのウェブサイトでこれを使用してください

    <link href='http://fonts.googleapis.com/css?family=Armata' rel='stylesheet' type='text/css'>

そしてCSSではこれが必要になります:

    font-family: 'Armata', sans-serif;
于 2014-12-09T11:43:16.483 に答える