My custom font will not appear on mobile

Site URL: https://posturemedia.com/

Hi there,

I uploaded three custom fonts, and two of them appear on mobile, but one does not. Any advice? 

Thank you!

I see you declared duplicate font-face

just declare once for a font

@font-face {
    font-family: 'HKKontrast-Bold';
    src: url('https://static1.squarespace.com/static/5ec4025a32c78c3567060986/t/5ee101604e9a1223ea4adb74/1591804256758/HKKontrast-Bold.ttf')
}
h2, h1 {
    font-family: 'HKKontrast-Bold'
}
@font-face {
    font-family: 'Inconsolata-Regular';
    src: url('https://static1.squarespace.com/static/5ec4025a32c78c3567060986/t/5ee91b6d2107035456c711b1/1592335213446/Inconsolata-Regular.ttf')
}
p {
    font-family: 'Inconsolata-Regular';
}
header#header * {
    font-family: 'Inconsolata-Regular';
}

heading has h1, h2, h3, h4, h5, h6

p has only p tag, don't have p1,p2,p3..