私は次のコードでインポートされたcssフォントを持っています:
@font-face
{
font-family: font;
src: url('myriad pro/myriad pro/MyriadWebPro.ttf'),
url('myriad pro/myriad pro/MyriadWebPro.ttf');
}
問題は、オンラインでは機能しないのに、ローカルでは機能するということです。問題の原因は何ですか
---> "myriad-pro/myriad-pro/MyriadWebPro.ttf" のように、ファイル パスの名前を変更してみてください。css ファイルは、フォントのあるフォルダーにあります。パスが正しいかどうかを確認します。
PS: 一番下の URL (3 行目) を削除します。font-face を使用するときは、2 つだけ使用します。例:font-family: Consolas;
src: url('Consolas.ttf');
@font-face
{
font-family: MyriadPro; /* just declares a font in your stylesheet */
src: url('myriad pro/myriad pro/MyriadWebPro.ttf'),
url('myriad pro/myriad pro/MyriadWebPro.ttf');
}
body
{
/* now you need to use it */
font-family: MyriadPro, sans-serif;
/* so name it something useful, instead of just "font" */
}
古い質問に答える
見に来る人のために