1

私はWindowsでWebページを開発しました。そのようなフォルダがあります：

wwwroot
wwwroot/css
wwwroot/fonts

およびファイル

wwwroot/css/main.css
wwwroot/fonts/fontaaa.otf

main.cssファイルには次のようなコードがあります。

@font-face
{
    font-family : 'fontaaa';
    src         : url("../fonts/fontaaa.otf");
}

そしてそれは私のローカルホスト上のWindowsの下でフォントを見る。すべてが完璧だったので、プロジェクトをLinuxサーバーにアップロードしました。すべて正常に動作しますが（ページの読み込み、スタイルは問題ありません）、フォントfontaaa.otfは表示されません。何が問題ですか？理解するために多くの時間を費やしました。

PS私は今まで使ったことがありません@font-face。

PSSフォントはインターネットからダウンロードされました（Windowsフォントフォルダーにはありませんでした）。

4

3 に答える 3

2

フォント面は次のように宣言されます：

@font-face {
  font-family: 'Font name';
  font-style: normal;
  font-weight: 400;
  src: local('Font name'), local('Font name-Regular'), url(fontname.woff) format('woff');
}

そして、これらのフォントを適用するには、次のようにする必要があります。

<style>
h1 {
font-family: 'Font Name', Arial/* Just in case if your web fonts didn't load */;
}
</style>

<h1>this will be font-face fonts</h1>

その他のWebフォントについて

于 2012-07-25T07:53:38.400 に答える
2

すべての答えを試しましたが、運がありませんでしたが、問題が見つかりました。それはフォントフォルダの許可でした。みなさん、ありがとうございました。

于 2012-07-25T09:17:08.703 に答える
1

試す：

@font-face
{
 font-family : 'fontaaa';
 src         : url("../fonts/fontaaa.otf");
}

p, html, body {
 font-family:fontaaa;
 src: url('../fonts/fontaaa.otf');
}

@font-face {
 font-family: 'Font name';
 font-style: normal;
 font-weight: 400;
 src: local('Font name'), local('Font name-Regular'), url(fontname.woff) format('woff');
}

それは私のために働いた（あなたはpの代わりに別のタグを置くことができます）

于 2012-07-25T08:00:10.660 に答える