▼名前
▼性別 選択 男 女
▼コメント[必須]>>1 > おはようございます。 Googlefontのembedコードの記述に失敗してしまうのは、このサイトが"display"という文字列を名前・スレッドタイトル・コメント欄に含むことを禁止しているためです。 embedコードをよく読んでみると、(1)link要素を使う方式でなら三つのlink要素のうち最後の一つ(link href="〜で始まるもの)の指定するURL、(2)@importルールを使う方式でならその指定するURLのうち後半部、"?"以後であるqueryパラメータの中に"&display=swap"という部分があると思います。 ここがNGワードを含んでいるため、投稿時に弾かれてしまうのです。 対処方法は二つありますが、私は"&display=swap"部分を削除するのが最も望ましいと思います。 queryパラメータは問い合わせ先(この場合はURLの前半部である"https://fonts.googleapis.com/css2"など)が必要とするだろう情報を補う部分で、この場合は「displayという項目はswapであるものだとしてデータを返してくれ」と補足しています。 ですが、これはそれほど重要な要素ではありません。 このdisplayという項目はfont-displayというプロパティとその値の指定を示していて、その意味するところは「ごく短時間だけ不可視の代替フォントで表示するブロック期ののちに、『目的のフォントの読み込みに成功するまで代替となるフォントで表示しておく』スワップ(swap)期を永続的に設ける」というものです。 この値を設定しなかったところで、initial値であるauto、つまり、「ユーザーエージェント(OSやブラウザアプリなど)の仕様に任せる」と判断されるだけです。 以後は私的おさらいです。 font-display どのようにフォントの代替表示を行うかのプロパティ。 auto【initial】 ユーザーエージェントの仕様に沿う。 block 短いブロック時間ののち、永続的なスワップ時間を設ける。 swap ごく短いブロック時間ののち、永続的なスワップ時間を設ける。blockとの違いはブロック時間の長さのみ。 fallback ごく短いブロック時間ののち、短いスワップ時間を設ける。 スワップ時間内までにフォントの準備が整わない場合、代替となったフォントがそのまま使用される。 optional ごく短いブロック時間ののち、ごく短いスワップ時間を設ける。 ユーザー側でフォントを既に所持・ダウンロードしている・link指定先へのアクセスが容易・高速(ローカル)などの場合のみ。
▼削除/編集パス※半角英数4〜8
back