質問: レンタルサーバーのグーグルフォントを設置する場合! https://nelog.jp/download-google-fonts を参考に グーグルフォントを、レンタルサーバに設置する場合ですが cssに 以下としましたが、全く連動されません! ? スマホとパソコンで閲覧するとそれぞれ違うフォントで 表示され、そもそも、指定したフォントでは表示されません? 何でしょうか? @font-face { font-family: noto serif jp; src: url('mplus1p-light.ttf') format("truetype"); } a.evernote-arrow-box-link{ font-family: 'mplus1p-light', cursive; font-weight:normal; } 以上よろしくお願いいたします。 共感した 0
回答: 私はそのフォントの事を良く知りませんし、そのフォント名を設定した事も無いですが、 それだと適用されないでしょう・・・ だって、貴方の記述だと、フォントが2種類あるって事ですよね・・・ まずは、1種類で試しましょう。 1, font-family: 'mplus1p-light', cursive; と、 font-family: 'noto serif jp', cursive; どちらでしょう? フォントを1つに統一する事です。 何故、別々のフォントが、別々に設定されているのでしょうね・・・ ・mplus1p-light ・noto serif jp どちらなのでしょうね・・・ 2, src: url('mplus1p-light.ttf') format("truetype"); の部分で、.ttfやtruetypeの形式が正しいのかは、そのフォントの名称や形式に関しては私は知りませんが、 url('mplus1p-light.ttf') と記述した場合には、 mplus1p-light.ttfのファイルを、このhtmlファイルと同じディレクトリに配置されている事が重要です。 もし違うのなら、 mplus1p-light.ttfが配置されている、/ディレクトリ/の指定が必要です。