/*
 * Header / dropdown typography.
 *
 * The menu markup is a verbatim copy of www.dynamsoft.com and its stylesheet
 * (header_bs.min.css) references OpenSans-Regular and OpenSans-SemiBold.
 * The rest of codepool declares those families in main.css with
 * font-display:optional over older subsets, so on a cold load the browser can
 * keep the fallback and never swap. Worse, header_bs.min.css sets those families
 * with no generic fallback, so a face that fails to match makes the dropdown
 * headings render in Times New Roman.
 *
 * Dedicated family names keep this scoped to the header: article typography is
 * untouched, while the menu uses exactly the font resources the main site
 * serves, with font-display:swap and a real sans-serif fallback stack.
 */
@font-face {
    font-family: DSHeader-Regular;
    src: url(https://www.dynamsoft.com/webres/wwwroot/font-face/OpenSans-Regular.woff2?v=20261021) format("woff2"),
         url(../font-face/OpenSans-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: DSHeader-Semibold;
    src: url(https://www.dynamsoft.com/webres/wwwroot/font-face/OpenSans-Semibold.woff) format("woff"),
         url(../font-face/OpenSans-Semibold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Desktop dropdowns and the mobile menu inherit their font from here. */
#dynamsoft-header .headSubMenu,
#dynamsoft-header #xsHeader .xsMenuList {
    font-family: DSHeader-Regular, "Open Sans", Arial, sans-serif;
}

/* Column headings (DOCUMENT / BARCODE / ID / DEMOS) use the semibold face. */
#dynamsoft-header .headSubMenu .subMenuContent p.title,
#dynamsoft-header .headSubMenu .subMenuContent a.title {
    font-family: DSHeader-Semibold, "Open Sans", Arial, sans-serif;
}