前提・実現したいこと
LPで使用する有料フォントをWEBフォントとして登録、反映させたい。
発生している問題・エラーメッセージ
Safariではフォントの反映が確認できたがChromeでは反映されていなかった。
該当のソースコード
@font-face { /*フォントの名前*/ font-family: "PTSerifCaption"; /*フォントファイルへのパス(複数指定の場合、上から順に読み込まれる)*/ src: url('/example.com/public_html/font.eot'), url("https://example.com/font/PTSerifCaption.woff") format("woff"); src: url("https://example.com//font/PTSerifCaption.woff") format("woff"); src: url("https://example.com//font/PTSerifCaption.ttf") format("truetyape"); src: url("PTSerifCaption.woff") format("woff"); }
試したこと
重複してるとは思いながらも上記のようなコードを書きました。フォントを.woffと.ttfの形式で記載し、クロスドメイン対策としてfontフォルダの中の.htaccessに「header add Access-Control-Allow-Origin*」を記載もしています。
.woff形式のみの場合でもSafariでのみ対応(本来.ttfがSafariに対応するはず)した理由もよく分かりません。
あなたの回答
tips
プレビュー