LonelyRiot Posted March 25, 2020 Share Posted March 25, 2020 Site URL: https://www.lonelyriot.com/ so i created my own font with fontself(adobe) and started getting into custom css on squarespace to add my own font to my website. everything worked out except for my cover page. if i go into custom css it even shows my font on the coverpage but as soon as i go out of the editor and just load my website in my browser there is another font on the coverpage that is not mine. why does squarespace accept my font on all of the website but not on the coverpage? please help. Link to comment
tuanphan Posted March 25, 2020 Share Posted March 25, 2020 Add to Cover Page Settings > Advanced > Header <style> paste custom font css & your css here </style> 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
LonelyRiot Posted March 26, 2020 Author Share Posted March 26, 2020 thanks for the help. it worked! Link to comment
SalonJohann Posted November 2, 2020 Share Posted November 2, 2020 Hi Guys, I've tried all the suggestions mentioned in all the previous topics but this seems not to work on my website <style> [data-slice-type=”heading”][data-compound-type="logo"]) h1 { font-family: Cako-Regular !important; } [data-slice-type=”heading”]:not([data-compound-type]) h1 { font-family: Cako-Regular !important; } [data-compound-type="body"]) p { font-family: Cako-Regular !important; } or <style> *{font-family: Cako-Regular !important; } </style> Some help will be appreciated, thanks a lot. @font-face { font-family: Cako-Regular ; src: url('https://static1.squarespace.com/static/5d6e385c33f26e000119a6d6/t/5fa00e25e9a0e4631a2c37ea/1604324901735/Cako-Regular.otf') format(opentype); } </style> Link to comment
tuanphan Posted November 3, 2020 Share Posted November 3, 2020 8 hours ago, SalonJohann said: Hi Guys, I've tried all the suggestions mentioned in all the previous topics but this seems not to work on my website <style> [data-slice-type=”heading”][data-compound-type="logo"]) h1 { font-family: Cako-Regular !important; } [data-slice-type=”heading”]:not([data-compound-type]) h1 { font-family: Cako-Regular !important; } [data-compound-type="body"]) p { font-family: Cako-Regular !important; } or <style> *{font-family: Cako-Regular !important; } </style> Some help will be appreciated, thanks a lot. Add to Cover Page Header <style> @font-face { font-family: Cako-Regular; src: url('https://static1.squarespace.com/static/5d6e385c33f26e000119a6d6/t/5fa00e25e9a0e4631a2c37ea/1604324901735/Cako-Regular.otf') format(opentype); } * { font-family: Cako-Regular !important; } </style> 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
SalonJohann Posted November 3, 2020 Share Posted November 3, 2020 Thanks a lot, problem solved. Link to comment
RAMPTRAMP Posted April 8, 2021 Share Posted April 8, 2021 (edited) Hello! Strangest thing... I have successfully used above code on cover page to use my custom font, however out of nowhere it now won´t appear on my site... just a filler font. The weird thing is if I change any style setting at all on the cover page style menu, it suddenly recognises my custom css again but as soon as I save it it's back to the filler font... code is exactly as above!! My website is http://www.ramptramptrampstamp.com/ Thanks! Below is the css i am using! <style> @font-face { font-family: RAMPTRAMPTRAMPSTAMP; src: url('https://static1.squarespace.com/static/5abc2abec3c16a81d5de0a69/t/6058032231e52416d673b286/1616380706512/Ramptramptrampstamp-Regular.otf') format(opentype); } * { font-family: RAMPTRAMPTRAMPSTAMP !important; } </style> Edited April 8, 2021 by RAMPTRAMP Link to comment
tuanphan Posted April 12, 2021 Share Posted April 12, 2021 On 4/8/2021 at 6:32 PM, RAMPTRAMP said: Hello! Strangest thing... I have successfully used above code on cover page to use my custom font, however out of nowhere it now won´t appear on my site... just a filler font. The weird thing is if I change any style setting at all on the cover page style menu, it suddenly recognises my custom css again but as soon as I save it it's back to the filler font... code is exactly as above!! My website is http://www.ramptramptrampstamp.com/ Thanks! Below is the css i am using! <style> @font-face { font-family: RAMPTRAMPTRAMPSTAMP; src: url('https://static1.squarespace.com/static/5abc2abec3c16a81d5de0a69/t/6058032231e52416d673b286/1616380706512/Ramptramptrampstamp-Regular.otf') format(opentype); } * { font-family: RAMPTRAMPTRAMPSTAMP !important; } </style> Hi. Try editing this line src: url('https://static1.squarespace.com/static/5abc2abec3c16a81d5de0a69/t/6058032231e52416d673b286/1616380706512/Ramptramptrampstamp-Regular.otf') format(opentype); to this src: url('https://static1.squarespace.com/static/5abc2abec3c16a81d5de0a69/t/6058032231e52416d673b286/1616380706512/Ramptramptrampstamp-Regular.otf'); 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment