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

Search the Community

Showing results for tags 'custom font'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

Found 45 results

  1. Site URL: https://www.andthenjewelry.com/readymade/beni-shoga-n8amh Hey I'm looking for help customizing the font on my product detail page. I already have the custom fonts loaded into the site and working in other areas, I just need help applying it to the details page now. Thanks for the help!
  2. Site URL: https://flugelhorn-cricket-48j7.squarespace.com/ Hi there! I am currently designing a site for a client and imported a custom script font. It was working initially on my client's end, then last week she said it suddenly switched to a different font. For me however, it still shows up and works just fine. We've tried clearing her cache/cookies. We've tried different browsers. I uploaded all file formats for the font. Any idea on why it would suddenly stop working for her? Why would it choose a replacement font if it worked initially? Any help is greatly appreciated! I'll share my coding below. @font-face { font-family: ‘Hampshire’; src: url(https://static1.squarespace.com/static/5f39e3002e642e7c54d0f833/t/5f39ff4d3384b2337c5f6545/1597636430073/Hampshire.otf), url(https://static1.squarespace.com/static/5f3af617e6594f637ab39939/t/5f6016511f68e9413519c637/1600132689868/Hampshire.wofffontlocation.woff), url(https://static1.squarespace.com/static/5f3af617e6594f637ab39939/t/5f601649e0df8b75f2e95f43/1600132683031/Hampshire.ttffontlocation.woff2); } Thanks so much
  3. Hi everybody ! After inserted a custom font on a website, the system inserts automatically a CSS code, but with the warning "Syntax Error on line 1". How to solve this ? And how to activate the new font in the website ?
  4. Please help me change the font to a custom one on the site title. I have changed it everywhere else!
  5. Hello, I'm trying to change the font on my navigation, price font and add to care button of the product pages in my store. The Shop > Deadpool, the $19.99 price tag and the Add to Cart button. I've trialled multiple css codes, but none seem to be working. I'm using Squarespace Alameda 7.1. Thank you in advance for any coding gods out there with help!
  6. Hi all. Hoping you can help me out. For blog posts, I am trying to set custom fonts for the Date, Author, and Tags, as well as for the author's name under the profile picture. I have tried the CSS ID list found here, as well as searching the forums, but I am striking out. For what it's worth, I am using the Bailard template. My latest attempt used this code: I am not sure what I am doing wrong. Would love any suggestions. Thanks!
  7. Site URL: http://www.pantryphilosophy.com Hi guys, I am trying to figure out why my custom fonts aren't working in mobile and tablet view. I have uploaded the custom fonts files as woff and woff2 and have used this CSS Code to change the font on my buttons: .sqs-block-button-element { font-family: 'CHAROE-SEMIBOLD' !important; } It works on desktop but not on the other views... PASSWORD: Pantry
  8. Site URL: https://mauigourdsbyjaz.squarespace.com/?p I am trying to change the site subtitle (also called tag line) to a custom font. I am in a Wells template. I used the code below and it worked for the Site Title but not the subtitle. I tried ".site-subtitle {" and ".site-tag-line {" and ".site-tagline {" but none of them worked. Can you help? @font-face { font-family: 'PlaylistScript'; src: url('https://static1.squarespace.com/static/5e9a3048ee732265f283c1bf/t/5f30b9219c22550d4dd0c811/1597028641502/Playlist+Script.otf'); } .site-title { font-family: 'PlaylistScript' !important; } .site-tag-line { font-family: 'PlaylistScript' !important;
  9. Site URL: https://turkey-emu-sd4a.squarespace.com/ Hi all, I've added Muli and Lato as custom fonts to my site. Lato is working well but on some browsers/devices another serif font shows instead of Muli for paragraphs. My code has worked fine for another site, also using the 7.1 template, so I'm baffled. Any ideas on how to troubleshoot would be very welcome? My custom code is below and I've uploaded a pic to show my fonts have been added as custom files. @font-face { font-family: 'Muli'; src: url(https://static1.squarespace.com/static/5efccf013260ec23a0736abe/t/5efcd5307e7bab5539c1e493/1593627952821/Muli-Regular.ttf); } @font-face { font-family: 'Lato'; src: url(https://static1.squarespace.com/static/5efccf013260ec23a0736abe/t/5efcd4e8603e98547506a5bd/1593627880622/Lato-Regular.ttf); } h1 { font-family: 'Lato'; } h2 { font-family: 'Lato'; } h3 { font-family: 'Lato'; } h4 { font-family: 'Muli'; } p { font-family: 'Muli'; }
  10. Site URL: http://www.pantryphilosophy.com I have installed custom fonts and works well on desktop. When I made the site public and revised it on my phone, the fonts were different for all buttons. Any clue what is happening? Password: Pantry
  11. Site URL: https://www.bigsmall.works/ Hello there, My custom font added with @font-face is still not working on IOS and possibly other mobile. I've followed previous post advice and added woff files but not working. Strangely sometimes it's working eg. in places on the site H4 the new font works in others it's default. Any help much appreciated. ------------------ @font-face { font-family: 'Bigsmall'; src: url('https://static1.squarespace.com/static/5ec25f573c6e4e277c79c525/t/5f200f7cb7a03742fc1c655a/1595936637013/NeueMontreal-Bold.otf'), url('https://static1.squarespace.com/static/5ec25f573c6e4e277c79c525/t/5f200f8ed211d27f0f5f8d37/1595936654028/NeueMontreal-Bold.woff2') format('woff2'), url('https://static1.squarespace.com/static/5ec25f573c6e4e277c79c525/t/5f200f8998fe6764e848cfc4/1595936649925/NeueMontreal-Bold.woff') format('woff'), url('https://static1.squarespace.com/static/5ec25f573c6e4e277c79c525/t/5f200f8499156872c6ce144a/1595936644842/NeueMontreal-Bold.ttf') format('truetype'); } h1 { font-family: 'Bigsmall'; } h2 { font-family: 'Bigsmall'; } h3 { font-family: 'Bigsmall'; } h4 { font-family: 'Bigsmall'; } p { font-family: 'Bigsmall'; } .sqsrte-large { font-family: 'Bigsmall'; } .sqsrte-small { font-family: 'Bigsmall'; } @media screen and (min-width: 1px) { .header-layout-nav-right .header-nav-list { display: none; } .header-burger { display:flex; } .header--menu-open .header-menu { opacity: 1; visibility: visible; } h4 { margin-bottom: -10px !important; } hr { padding: 0.01px 0 0.01px 0; } hr { margin-bottom: -10px !important; } hr { margin-top: -10px !important; } } .header-menu-bg {background: black!important;} .header-menu-nav-item > a {color: white!important;} .header-menu-nav-item > a {font-family: 'Bigsmall';} .mobile-bar-wrapper * { font-family: 'Bigsmall' !important; } h3 { font-family: 'Bigsmall', 'Bigsmall', genericfont; }
  12. Site URL: https://tealthomsen.com/ Hello, I have added a custom font through CSS that I am using for my Site Title and Tagline. I would like to use this same font for the Page Titles and Descriptions that appear as an overlay in both my gallery pages and regular pages. Examples below - Gallery Page - https://tealthomsen.com/spaces - I want to target the page title, "Spaces" and the text below it to use a custom font. Regular Page - https://tealthomsen.com/about - I want to target the page title, "Info" to use a custom font. I have tried .page-title and .page-description but no luck. The CSS I am currently using to customize the font fo the site title and tagline is below. @font-face { font-family: 'PostalServiceOutline'; src: url('https://static1.squarespace.com/static/54adbf3ce4b02f8ed4174b5d/t/5f1f4ca997bb38421796f203/1595886764469/CN-Postal-Service-Outline.otf');} @font-face { font-family: 'PostalService'; src: url('https://static1.squarespace.com/static/54adbf3ce4b02f8ed4174b5d/t/5f1f4c9daae24951927da33b/1595886749856/CN-Postal-Service.otf');} .site-title { font-family: "PostalServiceOutline";} .site-tagline { font-family: "PostalService";}
  13. Site URL: https://reverblondon.squarespace.com/config/ Hi! https://reverblondon.squarespace.com/config/ Im trying to add a custom font to this sites commerce titles - both on the commerce page and individual product pages. Password - Reverb. Any ideas?
  14. Site URL: http://dustlight.co Have posted this question before but still can't resolve. I've added several typefaces to my site and defined all styles in my custom CSS. Per page, I'm either using the default squarespace text box to add copy, or I'm adding a code box and just adding a little bit of CSS to my html text to change color or alignment. Using the Fulton template. I'm not having trouble anywhere except my <h1> is showing up weirdly on mobile—for some reason seems like letter-spacing is being added. It doesn't show up when I manually resize the window on desktop, just on mobile (see attached). I don't have any manual letter-spacing added anywhere on the site via CSS, and I also don't have any letter-spacing added to any of my text in the squarespace site styles dialogue.
  15. Site URL: https://www.rewriterewrite.com/blog/the-power-of-personal-brand-at-work Hi there I am trying to change the titles of my blog posts to my custom font using the custom css option. I have tried as many suggestions i have been able to find on here but nothing is working. I have been able to customise all my other titles, buttons etc but i cant seem to find anything that is working for blog titles. Any help would be greatly appreciated Thanks
  16. I'm looking to add an additional font to my client's site to give more styling options. The font I want to use is already in SS but just wonder if anyone has any suggestions on best practices to add an h4 or if better to use markdown block or even make h2 a different font than h1 & h3. Thanks in advance.
  17. Site URL: https://livingbeautifuldecorating.squarespace.com I have entered countless CSS to try to use custom font on my website buttons. The font is uploaded and being used elsewhere on the site. I am on version 7.1, and this is the latest version of the CSS entered: .sqs-block-button-element { font-family: 'JosefinSans-VariableFont' !important; } TYIA!
  18. Site URL: https://livingbeautifuldecorating.squarespace.com I need to apply the custom font used in my main navigation to the mobile version. I am on 7.1. The password is LBweb311. TYIA!
  19. Site URL: https://www.smikahlwedding.com/ Hi there, I uploaded a custom font and it's working everywhere except for the site title on mobile. Does anyone have any ideas as to why this is happening or how I can fix it? Thank you!
  20. Site URL: https://yzagacollective.squarespace.com Hi, I bought a custom font and added it to my web with the @font-face tag in CSS. Even though it shows on my desktop (I use Chrome on a mac) it doesnt show on Safari, other laptops that are not mac or mobile. Here is my CSS code in case Ive missed something: @font-face { font-family: 'yorkshire'; src: url ('https://static1.squarespace.com/static/5ed8199a3abb3a4b723aeb9c/t/5ed8214ec8268727e40f2fb0/1591222607294/Yorkshire-Regular.ttf') format ('truetype'); src: url ('https://static1.squarespace.com/static/5ed8199a3abb3a4b723aeb9c/t/5edc289e41190d4542ec5e72/1591486623548/Yorkshire-Regular.woff') format ('woff'); src: url ('https://static1.squarespace.com/static/5ed8199a3abb3a4b723aeb9c/t/5edc28c52746a420fb9375f9/1591486662269/Yorkshire-Regular.woff2') format ('woff2'); } h2 { font-family: 'yorkshire'; } Ps. the password to the site is: yzagacollective Thanks to anyone who can help me out 🙂
  21. Site URL: http://www.monikafriedman.com Hi there! I have imported a custom font to my page. I've figured out how to input this via a code block, but wondering if I can also use the custom font in an image block? If you go to the homepage URL provided, you can see the custom font being used on the word "darling" in a blue quote block. I'd also love the "Hi, I'm Monika" in the top image block to be in the custom font. Is this possible? Password for site is: monika Thanks so much! Hannah
  22. Site URL: http://charred.squarespace.com Hi there, I can't seem to locate the proper style to change the button fonts on my site. Ok with the rest, but buttons are being problematic. Please help! CSS: @font-face { font-family: 'Chairdrobe-regular'; src: url(https://static1.squarespace.com/static/5ebb082d8148b13aaa27331a/t/5ecd1ce75e861630ff1f359a/1590500583301/Chairdrobe+Regular.ttf); } .sqs-block-button-element { font-family: 'Chairdrobe-regular' !important; } Site PW: Charred Thank you,
  23. Hi, I'm using the Tremont template, and I'm trying to change the main font on the "Index Menu" section of the home page. What is the CSS class for this? Does anyone have a solution for this? My site url: https://wrasse-calliope-jk8e.squarespace.com/ Many thanks!
  24. Site URL: http://ashlyhilst.com I uploaded two custom fonts using custom CSS. The first works great. The second is script font and when I assigned it to H3, the font changes--but NOT to the right font. It's either a non-script version of the font or something else, but it's not the right font at all. Here is the custom CSS I have entered right now: /*CUSTOM FONTS*/ @font-face {font-family: 'ZILLA SLAB'; src:url('https://static1.squarespace.com/static/59402249b8a79bde2d99ce52/t/5ebbfdbad6e1692c5f1dd4c7/1589378491336/ZillaSlab-Light.ttf'); font-weight: normal; font-style: normal; } @font-face {font-family: 'ZILLA SLAB'; src:url ('https://static1.squarespace.com/static/59402249b8a79bde2d99ce52/t/5ebbfdd39196437d95225f62/1589378516080/ZillaSlab-LightItalic.ttf'); font-weight: normal; font-style: italic; } @font-face {font-family: 'ZILLA SLAB'; src:url ('https://static1.squarespace.com/static/59402249b8a79bde2d99ce52/t/5ebbfdaa724b855efa3c628f/1589378474729/ZillaSlab-Medium.ttf'); font-weight: bold; font-style: normal; } @font-face {font-family: 'ZILLA SLAB'; src:url ('https://static1.squarespace.com/static/59402249b8a79bde2d99ce52/t/5ebbfdb202ed8c08bc667dc9/1589378483974/ZillaSlab-MediumItalic.ttf'); font-weight: bold; font-style: italic; } h2 {font-family: 'ZILLA SLAB';} @font-face {font-family: 'MARGO SCRIPT'; src:url ('https://static1.squarespace.com/static/59402249b8a79bde2d99ce52/t/5ebca53677e24d5defb66534/1589421366503/Jen+Wagner+Co.+-+Margo+Script+Regular.otf'); font-weight: normal; font-style: normal; } h3 {font-family: 'MARGO SCRIPT';} The issue I'm having is with the Margo script one. The Zilla slab works just fine. Any help would be appreciated!
  25. Site URL: http://mucca.com Hello,I uploaded a custom font and it's working fine on Chrome and Safari but won't load on Brave (unless the font is loaded on my Mac). The site is Mucca.com. Did anyone has an idea on how to fix the issue?
  • Create New...