5

Web ページで、dafont.com からインストールした「Bebas Neue」というフォントを使用しようとしています。Ubuntu を実行していて、フォント ビューアーでフォントを開いたところ、正常にインストールされました。今、私は CSS でそのようにフォントを参照しようとしました:

font-family: 'Bebas Neue', sans-serif;

ただし、これはまだデフォルトのフォントを表示しています。私はそれを正しく参照していますか、それともこのフォントを使用するにはさらに何かをする必要がありますか?

4

2 に答える 2

7

@font-face メソッドを使用します。http://fontsquirrel.comには、これに関する無料および商用利用可能なリソースがたくさんあります。フォントをジェネレーターにアップロードすると、クロスブラウザーのフォント ファイルと説明書を含むきちんとしたキットが提供されます。

次に例を示します。

@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

そして、これを適用したい要素でこれを参照します

<style type="text/css">
div {
    font-family: OpenSansLight;
}
</style>


<div>
    This is OpenSansLight!
</div>
于 2013-03-04T06:00:35.773 に答える
1

試す

@font-face
{
font-family: myFirstFont;
src: url('Bebas Neue.ttf'),
     url('Bebas Neue.eot'); /* IE9 */
}

ここで、srcはフォントへのパスです。

フォントをプロジェクトフォルダに入れます。

以下のように使用します。

div
{
    font-family: myFirstFont;
}
于 2013-03-04T05:52:33.377 に答える