title: How to detect browser support for @font-face descriptors using CSS.supports()
body: <p>You can detect if a browser supports a specific or multiple CSS features using the <code>CSS.supports</code> function. It can receive two parameters, the first one is the name of the feature and the second one is the value. For example, if you run <code>CSS.supports(&quot;gap&quot;, &quot;1rem&quot;)</code>, it'll return a <code>boolean</code> indicating if the browser supports the feature or not.</p>
  <p>But if you run <code>CSS.supports(&quot;font-display&quot;, &quot;swap&quot;)</code> or try to check if the browser supports any other <em>@font-face descriptors</em>, the function will always return <code>false</code>.</p>
  <p>So, what is the correct syntax or way to detect support for @font-face descriptors using the <code>CSS.supports()</code> function? Or, is it even possible? If not then is there any alternative way?</p>