@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    /* ``swap`` : l'icône s'affiche avec la police de repli tout de suite, puis
       la ligature remplace le texte dès que la police est chargée. Sans lui le
       navigateur bloquait l'affichage du texte pendant le téléchargement (40 ms
       sur mobile d'après PageSpeed, et un risque de texte invisible). */
    font-display: swap;
    src: url("../fonts/MaterialIcons-Regular.53436aca8627.woff2") format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    /* Le nom de l'icône (« newspaper », « event »…) est un texte de repli large
       (≈ 5,5 em) tant que la police n'est pas chargée : au basculement vers la
       ligature (1 em) l'icône rétrécissait brutalement et décalait toute la
       ligne (PageSpeed : CLS 0,92 sur la page d'une actu). On réserve la boîte
       définitive (1 em) et on coupe le texte de repli qui dépasse. */
    width: 1em;
    height: 1em;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}