web-dev-qa-db-ja.com

Chrome font-displayCSSプロパティ

最近font-displayをテストしていますが、職場（Centos 7）と自宅（Windows 10）の両方で私のChromeブラウザ（Chrome 65）が認識していないようです有効なプロパティとして。DevToolsを見ると、プロパティの横に「不明なプロパティ名」という黄色の感嘆符があります。

font-displayがバージョン63以降Chrome）でサポートされていることは私の理解でした。

参考までに、font-displayの値をswapに設定しようとしています。

なぜ私がそれがうまくいかないのか誰かが何か考えを持っていますか？

ありがとう

cssgoogle-chrome-devtoolsdevtools
8
Denno

font-displayは、@font-faceルールのみのプロパティであり、標準要素ではありません。 MDNの@ font-faceの例を参照 。

12
Dominik Janković

font-display記述子は、次の例のように@font-faceルールとともに使用する必要があります。

@font-face {
  font-family: 'Arvo';
  font-display: swap;
  src: local('Arvo'), url(https://fonts.gstatic.com/s/arvo/v9/rC7kKhY-eUDY-ucISTIf5PesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}

これに関するドキュメントは ここ

6
Parthipan Natkunam