0

CSSで@font-faceタグを使用してカスタムフォントを使用するのに問題があります。Projectというフォルダがあり、その中にfonts、css、およびimagesというフォルダがあります。@font-faceを使用してカスタムフォントを使用しようとしています。

これが私のコードです：

HTML-index.html

<div id="hello">Hello</div>

CSS-css / typography.css

@font-face{
font-family: 'ranger';
src: url('fonts/Ranger.ttf');
}

#hello{
font-family: 'ranger';
font-size: 70px;
color: white;
text-align: center;
padding-top: 30px;
white-space: nowrap;
}

私はこれを他の複数のフォントに使用していますが、他の2つのフォントを除いてすべて機能します。コードやフォントファイルの種類に違いはありません。フォントの1つとして、指定している書体ではなく、通常の書体を使用しています。もう1つは、ブラウザのデフォルトを使用しているだけです。これらの2つのフォントは、すべてのCSSを独自のフォルダーに移動し、すべてのフォントを独自のフォルダーに移動するまで、今朝機能しました。

助けてください！私はCSS/HTMLに非常に慣れていないので、これをまったく理解していません。

4

1 に答える 1

2

あなたの道は間違っています。CSSファイルはにあるので、/css/にアクセスするにはディレクトリを上に移動する必要があります/fonts/。

@font-face{
    font-family: 'ranger';
    src: url('../fonts/Ranger.ttf');
}
于 2012-12-09T20:02:34.600 に答える