Html 更改字体变化设置的值不会'；没有任何效果

我不熟悉字体变化设置。试图引导它，但被卡住了

使用的HTML

常规字体

CSS

<style type="text/css">
@font-face{
    font-family: "Lato";
    src: url("Lato/Lato-Regular.ttf") format("truetype");
}
html{
    font-family: "Lato";
    font-variation-settings: "wght" 800;
}

@字体{
字体系列：“Lato”；
src:url（“Lato/Lato Regular.ttf”）格式（“truetype”）；
}
html{
字体系列：“Lato”；
字体变化设置：“wght”800；
}

渲染输出

仅更改变体设置值不会产生任何效果

不知道为什么这不起作用。我从网上下载了字体

谢谢你的帮助。提前谢谢