googlefontの読み込みが遅いので、フォントをダウンロードして自身の
サーバーに設置したいのですが、うまくいきません。
不備等ございましたら、教えていただけないでしょうか。
よろしくお願いします。
・ダウンロードしたフォント複数あります。
・<link href="https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:400,500,700&display=swap&subset=japanese" rel="stylesheet">
↑こちらがグーグルフォント設定コードですが、読み込みが遅いのでフォントを直接
読み込ませたいです。
・参考にしたサイト
https://nelog.jp/download-google-fonts
CSS
1@font-face { 2 font-family: 'M PLUS Rounded 1c'; 3 src: url('../fonts/MPLUSRounded1c-Thin.ttf') format("ttf"); 4 src: url('../fonts/MPLUSRounded1c-Black.ttf') format("ttf"); 5 src: url('../fonts/MPLUSRounded1c-Bold.ttf') format("ttf"); 6 src: url('../fonts/MPLUSRounded1c-ExtraBold.ttf') format("ttf"); 7 src: url('../fonts/MPLUSRounded1c-Light.ttf') format("ttf"); 8 src: url('../fonts/MPLUSRounded1c-Medium.ttf') format("ttf"); 9 src: url('../fonts/MPLUSRounded1c-Regular.ttf') format("ttf"); 10 src: url('../fonts/glyphicons-halflings-regular.ttf') format("ttf"); 11 12 } 13 14body { 15 padding-top: 55px; 16 font-family: 'M PLUS Rounded 1c'; 17 font-size:16px; 18 19 }
回答4件
あなたの回答
tips
プレビュー