@font-face {
    font-family: 'Ping AR + LT';
    src: url('../fonts/ping-ar-lt/PingAR%2BLT-Hairline.otf') format('opentype'),
         url('../fonts/ping-ar-lt/PingAR%2BLT-Hairline.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ping AR + LT';
    src: url('../fonts/ping-ar-lt/PingAR%2BLT-ExtraLight.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ping AR + LT';
    src: url('../fonts/ping-ar-lt/PingAR%2BLT-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ping AR + LT';
    src: url('../fonts/ping-ar-lt/PingARLT-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ping AR + LT';
    src: url('../fonts/ping-ar-lt/PingAR%2BLT-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ping AR + LT';
    src: url('../fonts/ping-ar-lt/PingARLT-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ping AR + LT';
    src: url('../fonts/ping-ar-lt/PingAR%2BLT-Heavy.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ping AR + LT';
    src: url('../fonts/ping-ar-lt/PingAR%2BLT-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Apply font globally */
body {
    font-family: 'Ping AR + LT', sans-serif;
}

/* Normalize font rendering across browsers (Chrome vs Firefox) */
html, body {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    text-rendering: optimizeLegibility;
}

h1, h2, h3 {
    -webkit-font-smoothing: auto;
    text-rendering: optimizeLegibility;
}