Google variable font “Mulish.”

Hello everyone,
I’d like to use the Google variable font “Mulish.”
How do I download variable fonts in BSS?
Gemini suggested the following code, given that my Bootstrap file is customized.
My primary goal is to avoid flickering issues in the main menu.
Of course, improved performance is a bonus.

/* 1. Regular, Bold, etc. */
@font-face {
    font-family: 'Mulish';
    src: url('../fonts/Mulish-VariableFont_wght.woff2') format('woff2-variations'),
         url('../fonts/Mulish-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 100 900; /* Indique au navigateur la plage de graisses disponibles */
    font-style: normal;
    font-display: swap;
}

/* 2. Italique */
@font-face {
    font-family: 'Mulish';
    src: url('../fonts/Mulish-Italic-VariableFont_wght.woff2') format('woff2-variations'),
         url('../fonts/Mulish-Italic-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

:root {
    --bs-body-font-family: 'Mulish', sans-serif;
}

body {
    font-family: 'Mulish', sans-serif;
    /* Optionnel pour optimiser le rendu visuel des polices variables */
    font-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}