0
私のウェブサイトに新しいフォントを追加しようとしています。ちょうど私が欲しいフォントのTTFファイルを入手しました（Gill Sans Light）。カスタムフォントを追加するttfが機能しない
@font-face {
font-family: 'Gill Sans Light';
src: url('fonts/gill-sans-light.ttf') format('truetype');
}
index.html： - - ：
<html>
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="css/main.css" type="text/css" media="all"/>
</head>
<body>
<div class="landing">
<div class="logo">
<div class="title">
<span style="font-family: 'Gill Sans Light'">Testing Font</span>
</div>
</div>
</div>
</body>
</html>
しかし、私はそれが動作しないブラウザでindex.htmlを開き、ここに私のテストコード
main.cssです。
Failed to load resource: net::ERR_FILE_NOT_FOUND gill-sans-light.ttf
ファイルがあると私は三重のファイル名のエラーをチェックしましたので、私には意味がありません - また、Chromeでそれがエラーを示しています。
多くの関連する質問があります。しかし、解決策のどれも私を本当に助けてくれません。これをどうやって解決するのですか？
css/fonts/gill-sans-light.ttf
あなたmain.cssファイルがcssフォルダ内にある、と参照がfonts/gill-sans-light.ttfにあるので、このパスはcssフォルダ内にある必要があります：
私は今すぐ崖から飛び降りるはずです。 – user1649740
皆に起こっている可能性があります:)喜んで私は助けることができます。 – Dekel