###実現したいこと
LPを作成中です。
・相手先のPCでフォントが反映できるようにしたい。
発生している問題・エラーメッセージ
3つのフォントのうち、2つのフォント(body,h1)が相手先のPCに反映されません。
(私のPCでは3つともフォントが反映されております。)
色々試しましたが私のPC上では反映されているので、相手先に送って開いてみて頂いて
初めて確認できる状態となっております。
原因がわかりません。
よろしくお願いします。
該当のソースコード
css @font-face { font-family:kktt; src: url('../fonts/851H-kktt.ttf') format("truetype"); } @font-face { font-family:milo; src: url('../fonts/Milonga-Regular.ttf') format("truetype"); } @font-face { font-family:anders; src: url('../fonts/Anders.ttf') format("truetype"); } body{ font-family: '851H-kktt','-apple-system','BlinkMacSystemFont','Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'MS Pゴシック','MS PGothic','sans-serif'; } h1{ font-family:Anders!important; } .title{ font-family:Milonga-Regular!important; }
試したこと
font-family の名前を変えてみたりしました。
補足情報(FW/ツールのバージョンなど)
自分と相手のブラウザ環境は、それぞれどのようなものでしょうか?
私はgoogle chromeを使っています。
お相手も同じかと思いますが、実際に確認はできていません。
と言いますのも、
実は今回の作成物はプログラミングを教わっている師の方に課題を与えられ、作成して提出しているという状況です。
ただ師の方もChromeの検証使ってますから、おそらく同じかと思います。
ここのような掲示板で質問者さんの環境等は何も知らない第三者に聞くより、Face-to-face で何が分からないかを探って話をしてもらえる (ですよね?)「師の方」に聞くべき話と思うのですが?
ttfファイルも全て渡しているのでしょうか
@font-faceでのfont-familyの名称設定と、CSSでのfont-familyの名称指定が違うだけでは?