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
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

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

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.