Custom font on mobile won't work

Site URL: https://www.dilliendevlooonthego.be/

Hi, 

I coded a custom font into my CSS but it's not working on mobile. It needs to be the script font that you see on the screenshot of the desktop version. Does anybody know the solution? 

This is the code: 

@font-face {
font-family: 'British Shorthair';
src: url([https://static1.squarespace.com/static/612a200624ebe52c8f672d21/t/6210f95903ebc7415e52e901/1645279577708/British+Shorthair.otf])
url([https://static1.squarespace.com/static/612a200624ebe52c8f672d21/t/6224f61fd6f35531273caa86/1646589471550/British+Shorthair.ttf])
url([https://static1.squarespace.com/static/612a200624ebe52c8f672d21/t/6224f625817f540156f427ee/1646589477273/British+Shorthair.woff])
url([https://static1.squarespace.com/static/612a200624ebe52c8f672d21/t/6224f629c3dd7d61533a9bad/1646589481621/British+Shorthair.woff2])}

h1 {
font-family: 'British Shorthair';}

h2 {
font-family: 'British Shorthair';}

h3 {
font-family: 'British Shorthair';}

h4 {
font-family: 'British Shorthair';}

32 minutes ago, studioearl said:

Site URL: https://www.dilliendevlooonthego.be/

Hi, 

 

I coded a custom font into my CSS but it's not working on mobile. It needs to be the script font that you see on the screenshot of the desktop version. Does anybody know the solution? 

 

This is the code: 

@font-face {
font-family: 'British Shorthair';
src: url([https://static1.squarespace.com/static/612a200624ebe52c8f672d21/t/6210f95903ebc7415e52e901/1645279577708/British+Shorthair.otf])
url([https://static1.squarespace.com/static/612a200624ebe52c8f672d21/t/6224f61fd6f35531273caa86/1646589471550/British+Shorthair.ttf])
url([https://static1.squarespace.com/static/612a200624ebe52c8f672d21/t/6224f625817f540156f427ee/1646589477273/British+Shorthair.woff])
url([https://static1.squarespace.com/static/612a200624ebe52c8f672d21/t/6224f629c3dd7d61533a9bad/1646589481621/British+Shorthair.woff2])}

h1 {
font-family: 'British Shorthair';}

h2 {
font-family: 'British Shorthair';}

h3 {
font-family: 'British Shorthair';}

h4 {
font-family: 'British Shorthair';}

Hi, the issue was with the way the css code was formatted. Try this one and let me know how it goes 🙂 

@font-face {
  font-family: 'British Shorthair';
  src: url('https://static1.squarespace.com/static/612a200624ebe52c8f672d21/t/6224f625817f540156f427ee/1646589477273/British+Shorthair.woff') format('woff'),
    url('https://static1.squarespace.com/static/612a200624ebe52c8f672d21/t/6224f629c3dd7d61533a9bad/1646589481621/British+Shorthair.woff2') format('woff2');
}

59 minutes ago, Jia said:

Hi, the issue was with the way the css code was formatted. Try this one and let me know how it goes 🙂 

@font-face {
  font-family: 'British Shorthair';
  src: url('https://static1.squarespace.com/static/612a200624ebe52c8f672d21/t/6224f625817f540156f427ee/1646589477273/British+Shorthair.woff') format('woff'),
    url('https://static1.squarespace.com/static/612a200624ebe52c8f672d21/t/6224f629c3dd7d61533a9bad/1646589481621/British+Shorthair.woff2') format('woff2');
}

Great! Thank you, the issue is resolved!