ben44

Hello - i've been having just this problem: custom fonts work fine on desktop but do not work on mobile (tried edge, chrome and safari).  None of the solutions above seem to apply, if anyone could review the CSS i'd be grateful.

I added in the different font file types after this was suggested elsewhere.  

TIA
 

@font-face {
  font-family: 'GraphikLight';
  src: url('https://static1.squarespace.com/static/5f1c958239290f367ac6594d/t/6367c8259b702b033e8454d7/1667745830252/Graphik-Light.eot'); /* IE9 Compat Modes */
  src: url('https://static1.squarespace.com/static/5f1c958239290f367ac6594d/t/6367c84031882d27512fe37a/1667745856527/Graphik-Light.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://static1.squarespace.com/static/5f1c958239290f367ac6594d/t/6367c8377c56ce5aa2090ca6/1667745847626/Graphik-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('https://static1.squarespace.com/static/5f1c958239290f367ac6594d/t/6367c82ebe37b4235ab85ada/1667745838777/Graphik-Light.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'GraphikMedium';
  src: url('https://static1.squarespace.com/static/5f1c958239290f367ac6594d/t/6367ca62747b1571f9deabcc/1667746403212/Graphik-Medium.eot'); /* IE9 Compat Modes */
  src: url('https://static1.squarespace.com/static/5f1c958239290f367ac6594d/t/6367ca7bd9d75066a7032080/1667746427088/Graphik-Medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://static1.squarespace.com/static/5f1c958239290f367ac6594d/t/6367ca712ff5e829c349af8d/1667746417502/Graphik-Medium.woff') format('woff'), /* Pretty Modern Browsers */
       url('https://static1.squarespace.com/static/5f1c958239290f367ac6594d/t/6367ca6a772d857127d7913c/1667746410281/Graphik-Medium.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'GraphikRegular';
  src: url('https://static1.squarespace.com/static/5f1c958239290f367ac6594d/t/6367c99a3dde1608dd802cc5/1667746206848/Graphik-Regular.eot'); /* IE9 Compat Modes */
  src: url('https://static1.squarespace.com/static/5f1c958239290f367ac6594d/t/6367c9d6f6d8dc0afbbc686a/1667746262361/Graphik-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://static1.squarespace.com/static/5f1c958239290f367ac6594d/t/6367c9bc7c56ce5aa2094003/1667746237013/Graphik-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('https://static1.squarespace.com/static/5f1c958239290f367ac6594d/t/6367c9aed1be552f5f00cec8/1667746222516/Graphik-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'GraphikSemibold';
  src: url('https://static1.squarespace.com/static/5f1c958239290f367ac6594d/t/6367cae07b072171a45e8897/1667746529037/Graphik-Semibold.eot'); /* IE9 Compat Modes */
  src: url('https://static1.squarespace.com/static/5f1c958239290f367ac6594d/t/6367cafeb29e8e13267bed43/1667746558591/Graphik-Semibold.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://static1.squarespace.com/static/5f1c958239290f367ac6594d/t/6367caf198afa26fbd9ba0d0/1667746545462/Graphik-Semibold.woff') format('woff'), /* Pretty Modern Browsers */
       url('https://static1.squarespace.com/static/5f1c958239290f367ac6594d/t/6367cae7e1b65f028fbdc9a8/1667746536262/Graphik-Semibold.ttf')  format('truetype'); /* Safari, Android, iOS */
}

/*ASSIGING CUSTOM FONTS*/
h1 {font-family: 'GraphikMedium' !important;}
h2 {font-family: 'GraphikLight' !important;}
h3 {font-family: 'GraphikLight' !important;}
h4 {font-family: 'GraphikMedium' !important;}
p {font-family: 'GraphikRegular' !important;}
.sqsrte-small {font-family: 'GraphikRegular' !important;}
.sqsrte-large {font-family: 'GraphikRegular' !important;}

is there a way to copy a section to a different, existing page?