Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Kirsten1570048772

Can I assign a custom font as default for whole site?

Question

Site URL: https://www.mela.co.nz

Is there a way to universally override Squarespace's default fonts in a Brine template?

I've created my first Squarespace site using my client's custom webfonts, loaded via the CSS panel. Once loaded, I've assigned these to p, H1, H2, H3, H4 in the CSS panel.

But when browsing the site I still see Squarespace's default fonts here & there - like on mobile when I do a search, or when a page is not found. It's getting ridiculous adding CSS snippets to target every individual instance of the wrong (default) font.

Can I assign my own overriding default font?

Share this post


Link to post

20 answers to this question

Recommended Posts

  • 0

Thanks tuanphan

I gave it a go but unfortunately it replaced everything with that one font.

I'm using 3 fonts in the site, is there some CSS to target any font that's not assigned p, H1, H2, H3, H4?

Share this post


Link to post
  • 0
On 5/2/2020 at 1:19 PM, Kirsten1570048772 said:

Thanks tuanphan

I gave it a go but unfortunately it replaced everything with that one font.

I'm using 3 fonts in the site, is there some CSS to target any font that's not assigned p, H1, H2, H3, H4?

@font-face {
	font-family: tuan;
	src: url(paste font file url here);
}
/* target all elements */
* {
	font-family: tuan !important;
}
p, h1, h3, h4, h5 {
	font-family: enter-font-name !important;
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post
  • 0

On a related note, how do you adjust the different paragraph sizes? In the dropdown menu when formatting a text block, there's a "paragraph 1," "paragraph 2," paragraph 3" options. How do you create CSS to affect those? Making new classifications like you do with Headers (h1, h2, h3, etc.) don't seem to work: for instance, when I wrote p1, p2, p3 and assigned unique fonts to each the paragraph size font didn't change. How do I assign font sizes to those other paragraph options?

Share this post


Link to post
  • 0
8 minutes ago, smgrant said:

On a related note, how do you adjust the different paragraph sizes? In the dropdown menu when formatting a text block, there's a "paragraph 1," "paragraph 2," paragraph 3" options. How do you create CSS to affect those? Making new classifications like you do with Headers (h1, h2, h3, etc.) don't seem to work: for instance, when I wrote p1, p2, p3 and assigned unique fonts to each the paragraph size font didn't change. How do I assign font sizes to those other paragraph options?

heading has 6 tags: h1 to h6

p in Squarespace has 3 class name: 

  • paragraph 1: p.sqsrte-large
  • paragraph 2: p
  • paragraph 3: p.sqsrte-small

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post
  • 0

Oh my goodness, thank you so much. Is it possible to adjust text on pre-made newsletter sign-up blocks where text is displayed in front of images? Does it also have its own class name? 

Share this post


Link to post
  • 0
Posted (edited)

It is not yet live. Is there any other info I can give you? Attached is a screenshot of the section.

 

 

Screen Shot 2020-05-05 at 10.40.14 PM.png

Edited by smgrant
attached screenshot

Share this post


Link to post
  • 0

This was very useful, do you know if it then makes the typekit fonts unavailable so as to free up page speeds?

Also if I want to keep my navigation menu to Aviano do I need to differentiate the CSS code as well?

Share this post


Link to post
  • 0
2 hours ago, AndyDevaney said:

This was very useful, do you know if it then makes the typekit fonts unavailable so as to free up page speeds?

Also if I want to keep my navigation menu to Aviano do I need to differentiate the CSS code as well?

Can you share link to your site? Each template needs different code


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post
  • 0

Thank you, and what do I need to add to resize it please?

Also do you know how it is possible to remove all the fonts in the style tab as they are reducing the page speed load as they are 1mb

 

Share this post


Link to post
  • 0
21 hours ago, AndyDevaney said:

Thank you, and what do I need to add to resize it please?

Also do you know how it is possible to remove all the fonts in the style tab as they are reducing the page speed load as they are 1mb

 

Q1. font-size: 15px !important;

Q2. You can't


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post
  • 0
On 4/15/2020 at 5:42 AM, tuanphan said:

@font-face {
	font-family: tuan;
	src: url(paste font file url here);
}
/* target all elements */
* {
	font-family: tuan !important;
}

 

Hi this is great it worked perfectly for me however on mobile the font is not the same is there a way to fix it on mobile with that single font i used? thank you 

Share this post


Link to post
  • 0
20 hours ago, ZolaProdz said:

Hi this is great it worked perfectly for me however on mobile the font is not the same is there a way to fix it on mobile with that single font i used? thank you 

Can you share link to your site? Which elements has problem?


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...