/* Font heading: SVN-Justice League (H1 + H2 tiêu đề section)
   font-display: block + preload trong <head> -> tiêu đề không bị đổi font giữa chừng (nháy chữ). */
@font-face {
    font-family: 'SVN-Justice League';
    src: url('SVN-JusticeLeague.woff2') format('woff2'),
        url('SVN-JusticeLeague.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/* Font nội dung: Roboto (variable 100-900), tự host thay cho Google Fonts.
   font-display: optional + preload -> không bao giờ đổi font giữa chừng (menu không nháy).
   Chia theo bảng mã: tiếng Việt + Latin + Latin mở rộng. */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-display: optional;
    font-weight: 100 900;
    src: url('roboto/roboto-vietnamese-wght-normal.woff2') format('woff2-variations'),
        url('roboto/roboto-vietnamese-wght-normal.woff2') format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-display: optional;
    font-weight: 100 900;
    src: url('roboto/roboto-latin-ext-wght-normal.woff2') format('woff2-variations'),
        url('roboto/roboto-latin-ext-wght-normal.woff2') format('woff2');
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-display: optional;
    font-weight: 100 900;
    src: url('roboto/roboto-latin-wght-normal.woff2') format('woff2-variations'),
        url('roboto/roboto-latin-wght-normal.woff2') format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* Font dự phòng đã chỉnh kích thước khớp Roboto: nếu Roboto chưa tải xong,
   chữ hiển thị bằng Arial có cùng độ rộng/chiều cao -> khi đổi sang Roboto không bị xê dịch. */
@font-face {
    font-family: 'Roboto Fallback';
    src: local('Arial'), local('ArialMT'), local('Helvetica');
    ascent-override: 92.77%;
    descent-override: 24.41%;
    line-gap-override: 0%;
    size-adjust: 100.3%;
}