CSS configuration for variable fonts

CSS
@font-face {
    font-family: 'Geomini';
    src: url(../assets/fonts/Geomini-VariableFont_wght.ttf) format("truetype");
    /* ttf 类型的字体文件则为truetype、woff2类型的则为format("woff2") */
    font-weight: 100 900;
    /* 一定要注意声明可变字体的最大与最小粗细范围,100 900 即100-900 */
    font-style: normal;
    font-display: swap;
}