@font-face {
    font-family: zLato;
    font-style: normal;
    font-weight: 400;
    src: url(./fonts/Lato-Regular.woff2) format("woff2"), url(./fonts/Lato-Regular.woff) format("woff");
    font-display: swap;
}

@font-face {
    font-family: zLato;
    font-style: italic;
    font-weight: 400;
    /* Đã thêm lại font-weight 400 cho chữ in nghiêng */
    src: url(./fonts/Lato-Italic.woff2) format("woff2"), url(./fonts/Lato-Italic.woff) format("woff");
    font-display: swap;
}

@font-face {
    font-family: zLato;
    font-style: normal;
    font-weight: 100;
    src: url(./fonts/Lato-Thin.woff2) format("woff2"), url(./fonts/Lato-Thin.woff) format("woff");
    font-display: swap;
}

@font-face {
    font-family: zLato;
    font-style: normal;
    font-weight: 700;
    src: url(./fonts/Lato-Bold.woff2) format("woff2"), url(./fonts/Lato-Bold.woff) format("woff");
    font-display: swap;
}

@font-face {
    font-family: zLato;
    font-style: normal;
    font-weight: 800;
    src: url(./fonts/Lato-Heavy.woff2) format("woff2"), url(./fonts/Lato-Heavy.woff) format("woff");
    font-display: swap;
}

@font-face {
    font-family: zLato;
    font-style: normal;
    font-weight: 900;
    src: url(./fonts/Lato-Black.woff2) format("woff2"), url(./fonts/Lato-Black.woff) format("woff");
    font-display: swap;
}

html body,
body .nav>li>a,
body .mobile-sidebar-levels-2.nav>li>ul>li>a,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .heading-font,
body .off-canvas-center.nav-sidebar.nav-vertical>li>a {
    font-family: "zLato", sans-serif;
}