Custom Font not showing up on any other device

Hi everyone- still hoping for help here... Thanks so much!

On 6/30/2021 at 7:30 AM, ks295806 said:

Hi everyone- still hoping for help here... Thanks so much!

Add to Design > Custom CSS. Replace monospace with new font name

/* about page font */
div#block-7b73ff8d648fd4825b15 h2, div#block-744c82a1fb35dd1499d8 h2 {
    font-family: monospace;
}

On 7/2/2021 at 12:18 AM, tuanphan said:

Add to Design > Custom CSS. Replace monospace with new font name

/* about page font */
div#block-7b73ff8d648fd4825b15 h2, div#block-744c82a1fb35dd1499d8 h2 {
    font-family: monospace;
}

 

Thank you so much! This worked perfectly for desktop, however, I don't see the font showing up on mobile...?

10 hours ago, ks295806 said:

Thank you so much! This worked perfectly for desktop, however, I don't see the font showing up on mobile...?

It is custom font or Squarespace font? If custom fond, have you declared font-face for it yet?

HeraldTypeface-Regular

14 hours ago, tuanphan said:

It is custom font or Squarespace font? If custom fond, have you declared font-face for it yet?

HeraldTypeface-Regular

It's a font I downloaded from an external site. Here is the code I currently have typed in (the font file type downloaded is "HeraldTypeface-Regular.otf"):

}
/* about page font */
div#block-7b73ff8d648fd4825b15 h2, div#block-744c82a1fb35dd1499d8 h2 {
    font-family: HeraldTypeface-Regular
}

On 7/8/2021 at 3:58 AM, ks295806 said:

It's a font I downloaded from an external site. Here is the code I currently have typed in (the font file type downloaded is "HeraldTypeface-Regular.otf"):

}
/* about page font */
div#block-7b73ff8d648fd4825b15 h2, div#block-744c82a1fb35dd1499d8 h2 {
    font-family: HeraldTypeface-Regular
}

If custom font, you need to declared it with @font-face first. The code should be

@font-face {
	font-family:  HeraldTypeface-Regular;
	src: url(paste font file url here);
}
/* about page font */
div#block-7b73ff8d648fd4825b15 h2, div#block-744c82a1fb35dd1499d8 h2 {
    font-family: HeraldTypeface-Regular;
}

On 6/15/2021 at 9:03 AM, ks295806 said:

Site URL: http://www.bewarethecuddlebear.com

Hi everyone,

Am hoping you can help! I modified my CSS to accommodate a custom font and it is not showing up on the mobile version.

Password to access site is: hermosa123

Here are the codes I have:

 

@font-face {   
font-family: 'carrotflower';   
src: url(URL.ttf/.otfhttps://static1.squarespace.com/static/6076185432f4604c6efe4a39/t/60c7e4624358a40a1e046452/1623712866733/font.woff2);}
h1 {
font-family: 'carrotflower';}
h2 {
font-family: 'carrotflower';}
h3 {
font-family: 'carrotflower';}
h4 {
font-family: 'carrotflower';}
p {
font-family: 'carrotflower';}
misc {
font-family: 'carrotflower';}
.header-nav *, nav.header-menu-nav-list * {
    font-family: carrotflower;
}

 

Any help would be greatly appreciated.

Thanks so much!

I see the site has some small problems. Do you need to hanlde these?

Site URL – https://www.bewarethecuddlebear.com/?password=hermosa123

1. (Desktop – Header) Logo is  a bit big so the menu is cut into 2 lines.

https://www.bewarethecuddlebear.com/

2. (Desktop – Shop) Image and text are not aligned.

https://www.bewarethecuddlebear.com/shop/p/5zxj4roklxfxhflbf8j93m7aeof26z/?password=hermosa123

3. (Desktop – Cart) There is no logo in header.

https://www.bewarethecuddlebear.com/cart/?password=hermosa123

4. (Mobile/Tablet – Homepage) On desktop, you can see the whole picture. On mobile/tablet, the image is partially cropped.

https://www.bewarethecuddlebear.com/?password=hermosa123

5. (Tablet – Contact) Email is cut into 2 lines.

https://www.bewarethecuddlebear.com/contact/?password=hermosa123

Site URL: https://thehighguide.squarespace.com/

Hello

I'm having issues with my font not showing on devices other then my own. because its already installed on my computer, I think? But either way, when I check other devices, it looks like the fonts are loading to the website when I check under Application > Fonts in dev tools. I've preloaded the fonts so they're present, but not showing up on the website. Any help is extremely helpful, I truly don't understand whats going on. Do we need to purchase the subscription or something for it to show on 7.1?

The fonts are Chap Regular and Sneak Regular. There are a lot of SVGs and PNGs with the font exported in it, but the live text doesn't show the font. This is what its suppose to look like: (attached img)

pw: guide

Please help!! Thank you so much for any advice!

17 hours ago, tuanphan said:

I see the site has some small problems. Do you need to hanlde these?

Site URL – https://www.bewarethecuddlebear.com/?password=hermosa123

1. (Desktop – Header) Logo is  a bit big so the menu is cut into 2 lines.

https://www.bewarethecuddlebear.com/

2. (Desktop – Shop) Image and text are not aligned.

https://www.bewarethecuddlebear.com/shop/p/5zxj4roklxfxhflbf8j93m7aeof26z/?password=hermosa123

3. (Desktop – Cart) There is no logo in header.

https://www.bewarethecuddlebear.com/cart/?password=hermosa123

4. (Mobile/Tablet – Homepage) On desktop, you can see the whole picture. On mobile/tablet, the image is partially cropped.

https://www.bewarethecuddlebear.com/?password=hermosa123

5. (Tablet – Contact) Email is cut into 2 lines.

https://www.bewarethecuddlebear.com/contact/?password=hermosa123

Thank you so much! I just contacted you through your website for help resolving these issues. 

1 hour ago, ks295806 said:

Thank you so much! I just contacted you through your website for help resolving these issues. 

Just sent the code. You can check.

Hi. Can you share link to page in screenshot? I don't see them in homepage

@tuanphan yes! the page in the screenshot is https://thehighguide.squarespace.com/guides (pw:guide)

15 hours ago, dearnaomichan said:

@tuanphan yes! the page in the screenshot is https://thehighguide.squarespace.com/guides (pw:guide)

You mean Guide to Sex...texts?

Change font face to this

@font-face {
    font-family: 'Chap';
    src: url(https://static1.squarespace.com/static/60bd2b4a17103210544bf776/t/60d4c09e742d9264d45cfab2/1624555678728/Chap+Regular.woff),url(https://static1.squarespace.com/static/60bd2b4a17103210544bf776/t/60d4c108a6105b3a57b2a280/1624555784250/Chap-Regular.ttf);
}
h1, h2, .image-title.sqs-dynamic-text h4 {
    font-family: 'Chap',sans-serif !important;
}

@tuanphan wow yes thank you!! I just needed someone else's eyes on it.

13 hours ago, HRS818 said:

Hi there,

 

I am having this same issue, my font "Only You" which is saved in my CSS and displayed as such: 

h1 {font-family: 'OnlyYou'!important;}
h2 {font-family: 'OnlyYou'!important;}
h3 {font-family: 'OnlyYou'!important;}
h4 {font-family: 'Botanika Mono Web'!important;}
 

This is showing up different on other computers/ devices.

sarahroseheld.work

PW: JerryRueben

 

Thanks so much,

Sarah

Your site is private. Can you setup password & share url gain?

hi @tuanphan! i am currently going through something similar to this. 

i'm currently working on my wedding website and i have a purchased font that i'd love to use for the paragraph styling. the font worked on my desktop but when i switched over to my laptop, the font switched to times new roman (same thing happened when i checked with my phone).

my current CSS is below

@font-face {
  font-family: 'Baton';
  src: url(https://static1.squarespace.com/static/616f56d4efd48175920e5d66/t/618eb3db3becca54623cbaf0/1636742107354/BatonWeb-Regular.woff2) format'woff2', url(https://static1.squarespace.com/static/616f56d4efd48175920e5d66/t/618eb3d33d229b4a87b909fe/1636742099868/BatonWeb-Regular.woff) format'woff';
}

P {font-family: 'Baton';}

site: benlovesjosey.com

pw: 04092022

thanks in advance!

On 7/12/2021 at 8:39 AM, dearnaomichan said:

Site URL: https://thehighguide.squarespace.com/

Hello

I'm having issues with my font not showing on devices other then my own. because its already installed on my computer, I think? But either way, when I check other devices, it looks like the fonts are loading to the website when I check under Application > Fonts in dev tools. I've preloaded the fonts so they're present, but not showing up on the website. Any help is extremely helpful, I truly don't understand whats going on. Do we need to purchase the subscription or something for it to show on 7.1?

The fonts are Chap Regular and Sneak Regular on my MDCAT 2022 website.. There are a lot of SVGs and PNGs with the font exported in it, but the live text doesn't show the font. This is what its suppose to look like: (attached img)

What type of CSS is exactly works for you?

On 11/14/2021 at 1:43 AM, joseydiaz said:

hi @tuanphan! i am currently going through something similar to this. 

i'm currently working on my wedding website and i have a purchased font that i'd love to use for the paragraph styling. the font worked on my desktop but when i switched over to my laptop, the font switched to times new roman (same thing happened when i checked with my phone).

my current CSS is below

@font-face {
  font-family: 'Baton';
  src: url(https://static1.squarespace.com/static/616f56d4efd48175920e5d66/t/618eb3db3becca54623cbaf0/1636742107354/BatonWeb-Regular.woff2) format'woff2', url(https://static1.squarespace.com/static/616f56d4efd48175920e5d66/t/618eb3d33d229b4a87b909fe/1636742099868/BatonWeb-Regular.woff) format'woff';
}

P {font-family: 'Baton';}

 

site: benlovesjosey.com

pw: 04092022

thanks in advance!

Try this code

@font-face {
    font-family: 'Baton-Regular';
    src: url(https://static1.squarespace.com/static/616f56d4efd48175920e5d66/t/618eb3db3becca54623cbaf0/1636742107354/BatonWeb-Regular.woff2) format('woff2');
    src: url(https://static1.squarespace.com/static/616f56d4efd48175920e5d66/t/618eb3d33d229b4a87b909fe/1636742099868/BatonWeb-Regular.woff) format('woff');
}

p, h1, h2, h3 {
    font-family: 'Baton-Regular' !important
}

It worked!!!! Thanks so much, @tuanphan 😀

I'm having the same thing happen with a font I created called "helvfill". @tuanphan any ideas? I copy and pasted your code for Baton-Regular and that worked beautifully. 

9 hours ago, cbmountains said:

I'm having the same thing happen with a font I created called "helvfill". @tuanphan any ideas? I copy and pasted your code for Baton-Regular and that worked beautifully. 

What is your site url? The site is private. Can you setup a password & share url again?

Hi! I'm having the same issue with a custom font I installed for my wedding. They are not being displayed correctly on any device other than the one I'm working on. 

url: https://jessandrod.squarespace.com/
PW: waldi

Here is my CSS:

@font-face {

    font-family: 'Voyage-Regular';
	src: url('FontURLhttps://static1.squarespace.com/static/621aa033aad7b8050d96b508/t/6231081bfba010528435a9d8/1647380507864/Voyage-Regular.otf');

  }
h1,h2,h3 {
  font-family: 'Voyage-Regular';}

thank you so much!

On 3/17/2022 at 1:13 AM, jessbronson said:

Hi! I'm having the same issue with a custom font I installed for my wedding. They are not being displayed correctly on any device other than the one I'm working on. 

url: https://jessandrod.squarespace.com/
PW: waldi

Here is my CSS:

@font-face {

    font-family: 'Voyage-Regular';
	src: url('FontURLhttps://static1.squarespace.com/static/621aa033aad7b8050d96b508/t/6231081bfba010528435a9d8/1647380507864/Voyage-Regular.otf');

  }
h1,h2,h3 {
  font-family: 'Voyage-Regular';}

thank you so much!

Your code contains some invalid character, try this new code

@font-face {
    font-family: 'Voyage-Regular';
	src: url('https://static1.squarespace.com/static/621aa033aad7b8050d96b508/t/6231081bfba010528435a9d8/1647380507864/Voyage-Regular.otf');
  }
h1,h2,h3 {
  font-family: 'Voyage-Regular' !important;
}

I am having the same issue, the code is only showing up on some sections, and won't show up on other laptops/devices. Would you also be able to help me @tuanphan?

Site url: https://collie-cornet-zya3.squarespace.com/
Password: roundone

Code:

@font-face {
    font-family: 'brand';
    src: url('https://static1.squarespace.com/static/62824d958ac42a2264bc171b/t/628623fdf015aa1155c6f828/1652958205501/brand.woff2');
  }
h1,h2,h3,h4,h5,h6 {
  font-family: 'brand' !important;
}

20 hours ago, sarahll said:

I am having the same issue, the code is only showing up on some sections, and won't show up on other laptops/devices. Would you also be able to help me @tuanphan?

Site url: https://collie-cornet-zya3.squarespace.com/
Password: roundone

Code:

@font-face {
    font-family: 'brand';
    src: url('https://static1.squarespace.com/static/62824d958ac42a2264bc171b/t/628623fdf015aa1155c6f828/1652958205501/brand.woff2');
  }
h1,h2,h3,h4,h5,h6 {
  font-family: 'brand' !important;
}

The code is correct. Do you have any other font formats? eg: ttf, otf,..?