/**
 * 100 - Thin
 * 200 - Extra Light (Ultra Light)
 * 300 - Light
 * 400 - Regular (Normal銆丅ook銆丷oman)
 * 500 - Medium
 * 600 - Semi Bold (Demi Bold)
 * 700 - Bold
 * 800 - Extra Bold (Ultra Bold)
 * 900 - Black (Heavy)
 */

@font-face {
    font-family: "DINPro";
    src: url("/fonts/DINPro/DINPro-Light.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: light;
}

@font-face {
    font-family: "DINPro";
    src: url("/fonts/DINPro/DINPro-Regular.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "DINPro";
    src: url("/fonts/DINPro/DINPro-Medium.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: "DINPro";
    src: url("/fonts/DINPro/DINPro-Bold.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: "DINPro";
    src: url("/fonts/DINPro/DINPro-Black.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 800;
}

:is(div, span, a, p, b, strong):only-child(:matches('/^\d+$/')) {
    font-family: DINPro;
}
<!--0.00018000602722168-->