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

Search the Community

Showing results for tags 'font'.

  • 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

  1. I am having some issues with a font (Proxima Nova Condensed) displaying differently on different computers and browsers. My teammate and I are both on Macs version 10.15.4 with all browsers up to date. Here's the goal: With the css like this, it works perfectly on my computer (chrome and firefox) but shows up with regular weight and not condensed on my teammates computer. It also has regular weight and is not condensed when I use safari. Safari version: When I change the code to this: It works on all of my browsers but shows u
  2. Site URL: https://www.studiosobo.com/ Hey, I have just uploaded a custom font to my website but it doesn't seem to be working on mobile Code below: @font-face { font-family: 'Analogue'; src: url('https://static1.squarespace.com/static/537457564/t/58417/14845662/VentiBold.ttfhttps://static1.squarespace.com/static/5eb0e3fc25cd645553e4e993/t/606e2be419839c4750d54a88/1617832933025/Analogue.otf'); } h1, h2, h3, h4 { font-family: 'Analogue'; }
  3. Site URL: http://www.studioeightyseven.com I am using Adobe Caslon Pro and Bebas throughout my site. I recently switched up my h1 and h3 styling for SEO purposes, and now font styling I set for my h1 (Adobe Caslon) is displaying as Bebas. what I see while editing and what I hope to see live... What I am actually seeing live: I tried to override using CSS but with no success. Any ideas what is happening?
  4. Hi, I'm using image stacks on a blog post, but the font shown is different to everything else on my site. Is there a way to change it? I'm using the Jaunt template, which I think is part of the Brine family. I'd appreciate any help.
  5. Site URL: https://www.studiovaishali.com/shop/p/concept-moodboard Everything on my site works perfectly on desktop, tablet + mobile EXCEPT for my new product pages. On desktop, they're fine. On desktop inspection to mobile, they're fine. On SquareSpace edit for desktop + mobile, they're fine. However, when actually viewing on mobile + tablet, default fonts pull through and I don't know why?! It's all of the details under the H1 including the CTA. Here's an attachment for reference + the CSS I'm using to target this section: .collection-type-products .ProductItem-details .Pro
  6. Site URL: https://gregorylassale.com/ I am trying to customize the contact form fields font (i.e. what users type in). The CSS code below does allow me to change to font type, but the font size value has no effect. Any idea? .form-wrapper .field-list .field .field-element { font-family:'avenir next'; font-size: 19px; Thank you.
  7. Site URL: https://robin-khaki-7l6n.squarespace.com/test-styles-page I've been trying to add a Google font (that is not available on the list of available SquareSpace fonts) using the following CSS: @import url('https://fonts.googleapis.com/css?family=Barlow:wght@100&display=swap'); @font-face {font-family: 'Barlow', sans-serif;} p {font-family:'Barlow'; font-weight: 100;} While I'm in the midst of editing the custom CSS, the fonts on the page display properly. However, after I save the CSS and navigate to a different page, all the fonts change to a random font (and not even a s
  8. 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.
  9. I want to change the color of my navigation font (About, Services, Gallery, Contact) and I can't seem to find a code that works. when I change it in the edit option it turns my background black. any advice would be great! I've been screwing with it for three days now lol
  10. Site URL: http://www.beardallegiance.com Trying to use custom sites throughout the site, however they seem to be applied to only certain areas throughout. Is there a list of all the changes I’ll need to make when entering Custom CSS? Besides “h1, h2, h3, h4, p,” etc?
  11. Please delete, it was my error in the CSS causing problems, I solved it. Thank you.
  12. Site URL: https://www.meredithdipietrodesign.com/ Hello and thank you for your help in advance. I just need help with the look of my website in just a few areas when I preview it in mobile view and I am wondering if anyone has some custom CSS to control the following: 1. I can't seem to control the leading between my headers and subheads on some of my pages when they go to mobile view. I'll adjust them fine in desktop view, but then in mobile the leading will be way too large. Also, in one page, the header becomes "jumbled." 2. On two of my pages I have carousel galleries. All of t
  13. Site URL: https://collie-oriole-x7fl.squarespace.com/ I'd like to style the product title as they're currently too big. I've tried the solutions below that I found online with no success. I'm not sure what the issue is. Help would be much appreciated :) .ProductList .ProductList-title { font-size: 30px; } Failed <style> .product-title { font-size: 4rem !important; } </style> Failed /* Product Block Titles */ .product-block .productDetails .product-title { font-size: 1.8em; } /* Product Block Prices */ .product-block .productDetails .produ
  14. Site URL: https://www.peyotebird.com/ I'm having a bizarre issue where custom fonts are working on Desktop but not mobile. This is without the font installed on my computer. Looking for the H3 specifically. *Please note we cannot download this font it pulls from their network hence the src: url* Here's my code: font-face {font-family: Miller Disp Lt; src: url(cloud.typenetwork.com/projects/5457/fontface.css); } h3 { font-family: 'Miller Disp Lt It'; } h1.ProductList-title { font-family: 'Miller Disp Lt'; } .empty-message { font-family: 'Miller Disp Lt'; } /
  15. Site URL: https://daisy-pufferfish-pkra.squarespace.com/config/design/site-styles/fonts I'm using the Neue Haas Grotesk font pack. I want to change the default paragraph font from a serif font (Georgia) to a sans serif font (Neue Haas Grotesk). But when I click on Paragraphs/Family, it says "No results." What am I doing wrong?
  16. Site URL: http://www.beardallegiance.com I need to change fonts for the commerce portion of my site. How do I do this?
  17. Site URL: http://%20www.solarmusicbox.com Hi, how can I use my own font in all the pages from my website? I tried CSS, but I was only able to customize my homepage (and now, even the homepage is with another font, and I don't know why). Any help will be very important. Thanks.
  18. Site URL: https://www.stpaulstrust.org/ I am having the worst time trying to learn the new 7.1 system. It seems to be far less customize-friendly than 7.0, and I cannot figure out how to remove the strikethrough effect on active links in my navigation (which should be an easy enough task). I tried looking in font settings and am now trying to code it out, with no luck there either. .header-nav-item a { text-decoration: none!important; } .header-nav-item a:hover { text-decoration: none!important; } .header-nav-item--active a { text-decoration: none!important;
  19. Site URL: https://elephant-crane-cc3x.squarespace.com/ Hi, The font of my website is not shown in Microsoft Edge. Is there some custom CSS to solve this problem? Thanks ! It's like this: And this is how it should be (the font is Aileron)
  20. Site URL: https://smilodon-ocelot-my5f.squarespace.com/sale/p/payphone-new-mexico Hi, How do I make the heavy afterpay text weight match the lighter weight?... It only seems to be bold in Safari and light in Chrome. I want it all the lighter weight.
  21. Site URL: http://thehouseofredvelvet.com/memoir Hello, I got some awesome code to change the background color, but now I need to change the text color to black so you can read it! 🙂 Does anyone know what that custom code it for just the two pages? Memoir and the blog pages themselves (which is a now unlinked page) Or would I have to do every page individually? Thank you.
  22. Hello, I would need your help on some customisation for my Newsletter block. Here's the situation, I've added some CSS code to have a one line at the bottom field box. I would like to make the 'First Name' and 'Email Address' text in white (instead of the default grey) and remove the thick white outline when I fill in the box with my First Name and also Email Address. (Images Attached) I've also attached the CSS code I've already used on the newsletter block. Thanks, Roxane
  23. Site URL: http://www.betweentwonaps.com hi friends, does anyone know if there is some simple code to change the font color - but in one place only? its on my homepage, under the main image www.betweentwonaps.com the image behind the text is making the text hard to read. i wanted to turn the text + link white just in this instance where it says: Laser-guided duvetExplore project → any help much appreciated! thank -
  24. Site URL: http://reindeer-denim-cgxp.squarespace.com I have tried to insert all the necessary CSS but none seems to be working. The custom fonts work on desktop but not on mobile. Also having trouble with the tables (text has a bunch of random padding on the left on mobile). Thank you for any help. reindeer-denim-cgxp.squarespace.com pw: cirkel
  25. Site URL: https://www.mindbodybowl.com.au Hi, I'm having the same problem. My custom 'luster' font works great on desktop version but doesn't show up on my mobile (iphone, safari). I've tried various codes I've found on here but nothing seems to work. Here's my current code: @font-face { font-family: 'Luster'; src: url('FONT URLhttps://static1.squarespace.com/static/6029f3929f10401f2e5e1d4b/t/604991971c6fbd0b19df23aa/1615434138584/luster-brush.otf')format('opentype'); } .mobile-bar-wrapper *, h1 { font-family: 'Luster' !important; font-size: 86px
  • Create New...