GastonDuflos Posted January 7 Share Posted January 7 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
tuanphan Posted January 13 Share Posted January 13 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
GastonDuflos Posted January 13 Author Share Posted January 13 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
tuanphan Posted January 14 Share Posted January 14 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
GastonDuflos Posted January 15 Author Share Posted January 15 18 hours ago, tuanphan said: This is Squarespace default font? Not on my Squarespace. It is default in others templates. I use it with the Adobe Fonts embed code. Link to comment
tuanphan Posted January 18 Share Posted January 18 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
GastonDuflos Posted May 5 Author Share Posted May 5 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
DoctorAurit Posted June 30 Share Posted June 30 @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! Link to comment
tuanphan Posted July 1 Share Posted July 1 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
GastonDuflos Posted July 6 Author Share Posted July 6 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
identifyasaproblem Posted July 16 Share Posted July 16 Did someone share this misc code? I am having the same issue 😞 @tuanphan Link to comment
tuanphan Posted July 19 Share Posted July 19 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
identifyasaproblem Posted July 19 Share Posted July 19 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
tuanphan Posted July 21 Share Posted July 21 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
pkelly326 Posted November 10 Share Posted November 10 Hey! I was looking for the answer to this issue as well and here's what ended up working for me to be able to change the misc font... .sqs-block-html pre code { font-family: 'YOUR FONT HERE' ; } Hope this helps! tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment