Use fonts#

To load our fonts into a project, copy and paste this into your style.css:

@font-face {
    font-family: SharpGrotesk20;
    font-style: normal;
    font-weight: 350;
    font-display: swap;
    src: url(https://static1.dn.no/dn/static/assets/webfonts/nhstfonts/SharpGroteskBook-20.woff2)
        format('woff2');
    -ro-font-embedding-type: all;
}

@font-face {
    font-family: SharpGrotesk21;
    font-style: normal;
    font-weight: 350;
    font-display: swap;
    src: url(https://static1.dn.no/dn/static/assets/webfonts/nhstfonts/SharpGroteskBook-21.woff2)
        format('woff2');
    -ro-font-embedding-type: all;
}

@font-face {
    font-family: SharpGrotesk21;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://static1.dn.no/dn/static/assets/webfonts/nhstfonts/SharpGroteskMedium-21.woff2)
        format('woff2');
    -ro-font-embedding-type: all;
}

@font-face {
    font-family: SharpGrotesk22;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://static1.dn.no/dn/static/assets/webfonts/nhstfonts/SharpGroteskMedium-22.woff2)
        format('woff2');
    -ro-font-embedding-type: all;
}

@font-face {
    font-family: SharpGrotesk23;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://static1.dn.no/dn/static/assets/webfonts/nhstfonts/SharpGroteskMedium-23.woff2)
        format('woff2');
    -ro-font-embedding-type: all;
}

@font-face {
    font-family: SharpGrotesk23;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://static1.dn.no/dn/static/assets/webfonts/nhstfonts/SharpGroteskSmBold-23.woff2)
        format('woff2');
    -ro-font-embedding-type: all;
}

@font-face {
    font-family: IvarText;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://static1.dn.no/dn/static/assets/webfonts/nhstfonts/IvarText-Regular.woff2)
        format('woff2');
    -ro-font-embedding-type: all;
}

@font-face {
    font-family: IvarText;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://static1.dn.no/dn/static/assets/webfonts/nhstfonts/IvarText-Regular.woff2)
        format('woff2');
    -ro-font-embedding-type: all;
}

@font-face {
    font-family: IvarText;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://static1.dn.no/dn/static/assets/webfonts/nhstfonts/IvarText-Regular.woff2)
        format('woff2');
    -ro-font-embedding-type: all;
}

@font-face {
    font-family: IvarDisplay;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://static1.dn.no/dn/static/assets/webfonts/nhstfonts/IvarHeadline-Regular.woff2)
        format('woff2');
    -ro-font-embedding-type: all;
}