Jump to content

Miscellaneus coding custom font

Recommended Posts

My website: www.gastonduflos.com 

 

Hi, how can I change all the MISCELLANEOUS custom font coding on my website. My custom font works in all of the heading and pharagraphs, but it doesn't work in all of the miscellaneous. I've changed lots of them individually and it;s taken lots of time. Is there a unique code to change them all at one? 

Otherwise I need to add custom font to the following, my font name is degular-text 

- List price, list status, limited availability label font, sold out, the menu with the collections in shop page,  variant fields when in product shop page, add to cart, sign up buttom on footer, first name and last name in contact page. 

 

Also, how can I add drop down text with information about my products in the single product page? Example here: 

https://suhm.com.au/products/orseis-1

This website has Materials, and Delivery as drop down menu with information inside. 

THANK YOU SO MUCH@

 

THIS IS THE CODE THAT I HAVE SO FAR:

 

// CUSTOM FONT

@font-face {

font-family: degular-display,sans-serif;
font-weight: 500;
font-style: normal;

font-family: degular-text, sans-serif;
font-weight: 400;
font-style: normal;
  
}

.sqs-block-button-element {
    font-family: degular-text !important;
}
.grid-title {
    font-family: degular-text !important;
}
.product-price {
    font-family: degular-text !important;
}
 .header-nav *, nav.header-menu-nav-list * {
    font-family: 'degular-text' ;
}

h1 {

font-family: 'degular-display';}


h2 {

font-family: 'degular-display';}


h3 {

font-family: 'degular-display';}


h4 {

font-family: 'degular-display';}


.sqsrte-large {

font-family: 'degular-text';}

p {

font-family: 'degular-text';}


.sqsrte-small {

font-family: 'degular-text';}

 

Miscellaneous

 

Link to comment

The font-face code should be

@font-face {
	font-family: degular-text ;
	src: url(upload font to your site & paste font file url here);
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
25 minutes ago, tuanphan said:

The font-face code should be

@font-face {
	font-family: degular-text ;
	src: url(upload font to your site & paste font file url here);
}

 

Hi! Thank you very much for your help. I can't do that since this font is embeded from Adobe Fonts. 

Link to comment
10 hours ago, GastonDuflos said:

Hi! Thank you very much for your help. I can't do that since this font is embeded from Adobe Fonts. 

This is Squarespace default font?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 1/15/2023 at 2:20 PM, GastonDuflos said:

Not on my Squarespace. It is default in others templates. I use it with the Adobe Fonts embed code.

You can try this https://www.thestyledsquare.com/blog-content/how-to-add-adobe-fonts-to-squarespace-with-css-71

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 3 months later...

hi @tuanphan thank you so much. I've done that. The problem is that the code is for all headings and paragraphs. But the ones that are missing are the MISCELLANEOUS, like this ones: List price, list status, limited availability label font, sold out, the menu with the collections in shop page,  variant fields when in product shop page, add to cart, sign up buttom on footer, first name and last name in contact page. 

Link to comment
  • 1 month later...
On 6/30/2023 at 1:10 PM, DoctorAurit said:

@GastonDuflos did you ever get an answer to this question? I'm trying to find the selector name for the miscellaneous category so I can use custom font in monospace. Thanks! 

If you share link to page, we can check class name for you

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 6/30/2023 at 4:10 PM, DoctorAurit said:

@GastonDuflos did you ever get an answer to this question? I'm trying to find the selector name for the miscellaneous category so I can use custom font in monospace. Thanks! 

No sorry! I decided to choose 1 of the default Squarespace fonts instead, it was too much for me to handle XD

Link to comment
  • 2 weeks later...
On 7/17/2023 at 4:21 AM, identifyasaproblem said:

Did someone share this misc code? I am having the same issue 😞 @tuanphan

What is your problem? Can you describe in more detail + site url, we can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Like Gaston @tuanphanI scrapped a beautiful custom font, the one I will use for paragraphs and buttons because I couldn't get the nav button to have the correct font size (Ie the font size that match the rest of the nav bar). Even with the font change to one of the stupid system ones lol the font is still not matching. Or at least I don't think it is, it looks smaller than the non-button items. It is quite rude.

https://duck-sheep-gyj3.squarespace.com/ /SD$$$2023

Link to comment
On 7/19/2023 at 7:03 PM, identifyasaproblem said:

Like Gaston @tuanphanI scrapped a beautiful custom font, the one I will use for paragraphs and buttons because I couldn't get the nav button to have the correct font size (Ie the font size that match the rest of the nav bar). Even with the font change to one of the stupid system ones lol the font is still not matching. Or at least I don't think it is, it looks smaller than the non-button items. It is quite rude.

https://duck-sheep-gyj3.squarespace.com/ /SD$$$2023

You can use this CSS to adjust button size

header#header a.btn {
    font-size: 0.9em !Important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 3 months later...

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.