Jump to content

Custom font not showing on phone

Recommended Posts

Hello, 

I have coded the font in CSS as follows and it is not showing on the phone:

 

@font-face {
    font-family: 'ALASKA';
    src: url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776d3173fc1606b764bb1b/1685548337544/Alaska-Regular.woff2') format('woff2');/* Super Modern Browsers */ 
    src: url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776d3173fc1606b764bb1b/1685548337544/Alaska-Regular.woff2') format('woff'),/* Pretty Modern Browsers */ url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776d3173fc1606b764bb1b/1685548337544/Alaska-Regular.woff2') format('embedded-opentype'),url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776d3173fc1606b764bb1b/1685548337544/Alaska-Regular.woff2') format('truetype');/* Safari, Android, iOS */
}

@font-face {
    font-family: 'ALASKA-MEDIUM';
    src: url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776c4ddd22ff27d28ebca3/1685548109170/Alaska-Medium.woff2') format('woff2');/* Super Modern Browsers */ 
    src: url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776c4ddd22ff27d28ebca3/1685548109170/Alaska-Medium.woff2') format('woff'),/* Pretty Modern Browsers */ url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776c4ddd22ff27d28ebca3/1685548109170/Alaska-Medium.woff2') format('embedded-opentype'),url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776c4ddd22ff27d28ebca3/1685548109170/Alaska-Medium.woff2') format('truetype');/* Safari, Android, iOS */
}

@font-face {
    font-family: 'ALASKA-SEMIBOLD';
    src: url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776d588aec5035c0ba6765/1685548376684/Alaska-SemiBold.woff2') format('woff2');/* Super Modern Browsers */ 
    src: url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776d588aec5035c0ba6765/1685548376684/Alaska-SemiBold.woff2') format('woff'),/* Pretty Modern Browsers */ url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776d588aec5035c0ba6765/1685548376684/Alaska-SemiBold.woff2') format('embedded-opentype'),url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776d588aec5035c0ba6765/1685548376684/Alaska-SemiBold.woff2') format('truetype');/* Safari, Android, iOS */
}

@font-face {
    font-family: 'CIGARS';
    src: url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776db2859eb2196b4f46ab/1685548467036/Cigars-Regular.woff2') format('woff2');/* Super Modern Browsers */ 
    src: url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776db2859eb2196b4f46ab/1685548467036/Cigars-Regular.woff2') format('woff'),/* Pretty Modern Browsers */ url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776db2859eb2196b4f46ab/1685548467036/Cigars-Regular.woff2') format('embedded-opentype'),url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776db2859eb2196b4f46ab/1685548467036/Cigars-Regular.woff2') format('truetype');/* Safari, Android, iOS */
}


h1 {font-family: 'CIGARS';}
h2 {font-family: 'CIGARS';}
h3 {font-family: 'ALASKA-SEMIBOLD';}
h4 {font-family: 'ALASKA-SEMIBOLD';}
p {font-family: 'ALASKA';}
 

Link to comment
  • Replies 1
  • Views 272
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.