完全な @Font-Face 構文
P粉566048790
2023-09-05 18:47:35
<p>FTP 経由でフォントをインストールしようとしましたが、Bulletproof フォントの構文が間違っているというエラーが発生しました。私が何を間違えたのでしょうか? </p>
<p>編集: Jared の助けを借りてコードを修正しようとしていますが、まだ動作しています</p>
<p>
<pre class="brush:css;toolbar:false;">@font-face {
フォントファミリー: 'Brasilero2018Free';
ソース:
ローカル("ブラジル2018無料")、
url('https://www.flordeibez.org/wp-content/主題/fonts/Brasilero2018Free.otf'),
url('https://www.flordeibez.org/wp-content/主題/fonts/Brasilero2018Free.eot') format('embedded-opentype'),
url('https://www.flordeibez.org/wp-content/主題/fonts/Brasilero2018Free.woff') format('woff'),
url('https://www.flordeibez.org/wp-content/主題/fonts/Brasilero2018Free.svg') 形式('svg'),
url('https://www.flordeibez.org/wp-content/主題/fonts/Brasilero2018Free.ttf') format('truetype');
}</pre>
</p>
<p>欲しいもの: フォントがエラーなくインストールされ、Elementor Editor に表示される</p>
あなたの構文は次のとおりです:
リーリー各行でフォントの URL を再定義するだけです。したがって、ブラウザは最後のものだけを使用し、他のものは破棄されます。正しい基本構文は次のとおりです:
リーリー古いブラウザに対応する必要がある場合は、追加のフォント形式を含めることができます。
注: 間違った
に感謝します。format('ttf')
をformat('truetype')
に変更しました。@herrstrietzel