在网络上使用变量字体时，有一种较新的方法。

@font-face {
    font-family: "Bitstream Vera Serif Bold";
    src: url("BitstreamVeraSerifBold.woff2") format(woff2) tech(variations);
}

这是旧的（仍在工作）语法：

@font-face {
    font-family: "Bitstream Vera Serif Bold";
    src: url("BitstreamVeraSerifBold.woff2") format("woff2-variations");
}

使用@font-face的变量字体时，必须注意，语法已更改。现在，推荐的方法不是使用字符串，而是使用woff2，opentype，truetype，woff等关键字。

有必要考虑字体的功能，例如可变字体，颜色字体等。要确定浏览器是否支持这些字体技术，可以利用tech()函数。通过指定tech(variations)，它可以确保仅当浏览器支持变量字体时才加载字体文件。

但是，值得注意的是，新的语法尚未得到广泛支持。因此，通常建议暂时坚持使用旧版本。但是，如果专门针对较新的浏览器，则考虑更新到新的语法可能是适当的。

You can read more about browser compatibility and font technologies here.