Custom Fonts not showing up on mobile version of website

Site URL: http://www.brandonandrade.squarespace.com

I'm trying to get my custom fonts to work on mobile and i've tried editing the code but nothing has worked thus far.

This website is supposed to be a portfolio for me and hopefully land me a full time design position so I'd very much like to fix this and understand what I'm doing when writing these lines of code lol

heres the code I have in my Custom CSS window:

Quote

@font-face{
     font-family: 'Buffalo';
     src: url ('https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/605e247ed8c2d46e4865b381/1616782462975/Buffalo-Bold.ttf'),
('https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/607742300faeb1323c5cd91b/1618428464288/Buffalo-SemiBold.ttf'), ('https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/60774288ebad2b474ae31054/1618428552581/Buffalo-BoldShadowItalic.ttf') ('https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/60774222d4e1c77f591c6594/1618428450228/Buffalo-Light.ttf'), ('https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/6077423b4d4ae34278e5db70/1618428475071/Buffalo-BoldDropShadow.ttf') ('https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/605e247ed8c2d46e4865b381/1616782462975/Buffalo-Bold.ttf') ('https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/6077422cd1f2631eacaf7f3c/1618428460915/Buffalo-Regular.ttf');
     font-weight: regular;
}
 
h1 {
     font-family: 'Buffalo-Bold';
}
h2 {
     font-family: 'Buffalo';
}
h3 {
     font-family: 'Buffalo-BoldDropShadow';
}
h4 {
     font-family: 'Buffalo-SemiBold';
}

Hi. Font-face should use this format

@font-face {
    font-family: 'Buffalo-Bold';
    src: url(https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/605e247ed8c2d46e4865b381/1616782462975/Buffalo-Bold.ttf);
}
@font-face {
    font-family: 'Buffalo-SemiBold';
    src: url(https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/607742300faeb1323c5cd91b/1618428464288/Buffalo-SemiBold.ttf);
}
@font-face {
    font-family: 'Buffalo-BoldShadow';
    src: url(https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/60774288ebad2b474ae31054/1618428552581/Buffalo-BoldShadowItalic.ttf);
}
@font-face {
    font-family: 'Buffalo-Light';
    src: url(https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/60774222d4e1c77f591c6594/1618428450228/Buffalo-Light.ttf);
}
@font-face {
    font-family: 'Buffalo-BoldDropShadow'
    src: url(https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/6077423b4d4ae34278e5db70/1618428475071/Buffalo-BoldDropShadow.ttf);
}
h1 {
    font-family: 'Buffalo-Bold';
}

h2 {
    font-family: 'Buffalo';
}

h3 {
    font-family: 'Buffalo-BoldDropShadow';
}

h4 {
    font-family: 'Buffalo-SemiBold';
}

6 hours ago, tuanphan said:

Hi. Font-face should use this format

@font-face {
    font-family: 'Buffalo-Bold';
    src: url(https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/605e247ed8c2d46e4865b381/1616782462975/Buffalo-Bold.ttf);
}
@font-face {
    font-family: 'Buffalo-SemiBold';
    src: url(https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/607742300faeb1323c5cd91b/1618428464288/Buffalo-SemiBold.ttf);
}
@font-face {
    font-family: 'Buffalo-BoldShadow';
    src: url(https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/60774288ebad2b474ae31054/1618428552581/Buffalo-BoldShadowItalic.ttf);
}
@font-face {
    font-family: 'Buffalo-Light';
    src: url(https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/60774222d4e1c77f591c6594/1618428450228/Buffalo-Light.ttf);
}
@font-face {
    font-family: 'Buffalo-BoldDropShadow'
    src: url(https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/6077423b4d4ae34278e5db70/1618428475071/Buffalo-BoldDropShadow.ttf);
}
h1 {
    font-family: 'Buffalo-Bold';
}

h2 {
    font-family: 'Buffalo';
}

h3 {
    font-family: 'Buffalo-BoldDropShadow';
}

h4 {
    font-family: 'Buffalo-SemiBold';
}

 Wow thank you so much! I followed an old youtube video so that explains a lot! Im so excited to continue to modify this to my liking now that I know how to insert the fonts. Have a great day!

On 4/19/2021 at 10:51 PM, AndradeDesigns said:

 Wow thank you so much! I followed an old youtube video so that explains a lot! Im so excited to continue to modify this to my liking now that I know how to insert the fonts. Have a great day!

Hi. Have you solved problem yet?