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

Search the Community

Showing results for tags 'fonts'.

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 74 results

  1. Site URL: https://www.travisseifman.me/research On my site, I use a lot of macrons (vowels with a line over them) in order to spell words like Māori, Sāmoa, Ryūkyū, and sо̄rо̄bun correctly. I've been playing around with some of the basic fonts (Orpheus, Kepler, Cormorant, etc.) that are directly available in the SquareSpace editor, but I can't seem to figure out which one of them will make these appear properly, across a variety of devices/browsers. From Googling around, I saw some complicated-sounding solutions involving Adobe TypeKit and stuff like that, but I suspect it'll be a lot easier to do with the basic fonts already available. The only question is, which one will work for this? I've tried quite a few of them, but I can't seem to find one that works. Thanks.
  2. Site URL: http://owenstrong.com I have a couple font style questions. I would like to change the wording of "older posts" and "newer posts" on a blog. From what I gather, adjusting default text labels requires a business account. However, it is the only reasons I'd upgrade this account, and it is just not worth the money. Are there ANY work arounds? If I cannot change the text itself, I would like to change the size and color of the "older posts" and "newer posts" buttons on the blog page. But, I can't figure out what font style is applied to the buttons. I have struck out in searching the help items on SS. Is this default text a header style? A paragraph style? When I go to edit my font styles on the blog, the blue highlight runs around the entire blog page rather than individual items, as in the attached screen grab. Complicating matters, I only sometimes get a preview of my changes before I save them, so I am hesitant to make adjustments as I have no idea what will be changed. In 7.0, we were able to go to site styles and highlight an item and Squarespace would automatically take you to the style so we could adjust it. Now, it's a often guessing game as to what elements will be changed if you change a style. I've run into this issue repeatedly on 7.1 and I have written to SS asking for help (they can't). Is there a guide or key somewhere that tells users what each font style is applied to? Some other way to figure it out? This one item has eaten up hours of my time. It is driving me 'round the bend! TYIA!
  3. Site URL: https://www.mattportch.com Hi, I don't suppose all of the checkout text is editable to match my own website font? Or do they have to be this system font? (currently looks like ariel or helvetica)
  4. Site URL: https://www.mattportch.com Hi, Is there any way to change the font AND size of these elements at checkout? (The title of the product and "Checkout")
  5. Site URL: https://tulip-shallot-l5l7.squarespace.com/ Hi all, Please see the attached two screenshots, so for some reason the text is dissapearing from my newsletter block 'sign up to recieve....' Anyone able to help with why this might be happening, wondering if it could be a bit of other code that is interferring with it? https://tulip-shallot-l5l7.squarespace.com/ password: f7 Thanks!
  6. Site URL: https://heptagon-cylinder-zapw.squarespace.com/ Hi team, I'm all good with adding custom fonts to my sites, but I get stuck with also changing fonts of certain elements, like Image block buttons, newsletter buttons, product text etc. How do you find our what the css code is for each for each of those elements do direct to the custom font? So far I have @font-face { font-family: 'Beton'; src: url('//static1.squarespace.com/static/5eaab659198c9b220538543c/t/5eaac62dc456482814196531/1588250157960/BetonEF-BoldCondensed.ttf'); } h1 {font-family: 'Beton';} h2 {font-family: 'Beton';} h3 {font-family: 'Beton';} .newsletter-form-header-title {font-family: 'Beton';} @font-face { font-family: 'Zilla'; src: url('//static1.squarespace.com/static/5eaab659198c9b220538543c/t/5eaac6c546dc317f013fd1ae/1588250311706/ZillaSlab-Regular.ttf'); } p {font-family: 'Zilla';} @font-face { font-family: 'Hwy'; src: url('//static1.squarespace.com/static/5eaab659198c9b220538543c/t/5eaffc532907e509154b38d8/1588591700738/HWYGCOND.TTF'); } .sqs-block-button-element {font-family: 'Hwy';} .sqs-block-image {font-family: 'Hwy' !important;} button.newsletter-form-button.sqs-system-button {font-family: 'Hwy' !important;} .header-nav-item a {font-family: Hwy; } But I cant get the newsletter block to change header or body fonts. I also cant get the product fonts to change, or the quick view buttons. Or the footer body text. Thanks for help in advance! site: https://heptagon-cylinder-zapw.squarespace.com/ pswd: ss2020
  7. Site URL: https://kristelandnic.com/ Hey just reaching out to see if anyone can help with modifying the mobile font sizes on my site. I am using the following CSS modification to the mobile font sizes below but the font-size tag isnt having any effect. Adjusting line-height seems to work just fine. Appreciate any help in advance! @media screen and (max-width:767px) { h1 { font-size: 40px; line-height: 1.3384; } h2 { font-size: 40px; line-height: 1.3384; } h3 { font-size: 50px; line-height: 1.3384; } h4 { font-size: 16px; line-height: 1.5; } }
  8. hello! I've been using font face to add custom fonts to my site and I ran into a problem. all of my custom fonts work and transferred just fine on mobile EXCEPT the title of the blog. help- I tried this code but it didn't work (idk if its even right, but its the closest to an answer I could find) a.Mobile-overlay-folder-item { font-family: 'Mantra' !important; }
  9. Site URL: http://diegotorgo.com Hi there! I'm looking for a way to use a custom font in my portfolio list on the home page. How can I do it through CSS?
  10. Site URL: https://kristelandnic.com/ PW: 94591 I was able to modify fonts on mobile using the following code. But when I logged back it looks like there is some weirdness going on. @media screen and (max-width: 767px) { body[data-dynamic-font-sizing-enabled="false"] h2 { font-size: 40px; line-height: 1.3384; } body[data-dynamic-font-sizing-enabled="false"] h3 { font-size: 50px; line-height: 1.3384; } body[data-dynamic-font-sizing-enabled="false"] h4 { font-size: 16px; line-height: 1.5; } } Desktop fonts were reading the mobile font sizes. So I deleted the code above and now mobile fonts are reading as desktop fonts. Im not sure if using the above code is the best way of modifying the mobile font sizes so it may have cause some kinda issue. If you refresh the mobile page, you can quickly see the correct font sizing before it jumps back to desktop font sizes. I also seeing this on the mobile text sections which is weird: @media screen and (max-width: 1943px) and (min-width: 0) and (orientation: portrait) site.css?&f…es=false:12 body[data-dynamic-font-sizing-enabled="true"] h3 { font-size: calc(5.55vh + 1rem); Any help is much appreciated!
  11. Hi there! I'm having some problems with the advanced font options menu. The options are gone. Does anyone know what may have happened? Thx
  12. Site URL: https://guytp.squarespace.com/ Hi all, I'm in need of some help with the mobile site of my website - https://guytp.squarespace.com/. I've just finished creating the desktop site but the website doesn't transfer well to the mobile site. 2 things I need help with: 1. The title 'Professional Freelance Writer' has a reduced line height on the desktop version (to create good spacing), however I need to raise the line height on the mobile site for it to look right (I believe this should be quite simple but coding is not my speciality). 2. The drawn images on the homepage of the paper, quill, and books are spaced unusually on the mobile site. I would either need to reduce the size of the images or edit the spacing of the images, any ideas? (I'm unsure how to do either of these without changing the desktop site). Your help would be much appreciated, as I'm so close to having this site finished! Thanks Guy
  13. Site URL: https://www.studioheavenly.com Hello, I am having a problem with the CTA buttons. Different fonts are showing on mobile version and screen version. When I look at in a mobile version mode on my computer the font looks great, but it is different when I actually look at my website on my own phone. I tried everything, really looked closely at my custom css but there is nothing. The font I want is commuters sans. Thank you for looking into it.
  14. Site URL: https://www.lonelyriot.com hello i have been working with custom fonts on my website and it worked good so far. my only problem is that there are two different fonts showing in my navigation menu. it seems like when i create a folder it puts it into my white custom font but all the other pages are in a red font. i need all the folders and pages in my navigation menu to be in my white custom font. please help. greetings
  15. Site URL: https://crate.media/shows/launch-guide/1-apps I've updated the site design with a custom font via CSS. Seems to be working on the majority of areas of the site. However, the normal body/p font in bold is not generating properly on mobile views. Desktop (correct): Mobile (incorrect): As you can see it's defaulting to some generic serif font on the mobile version. I've tried assigning a specific bold font in the code below. Removing that, it looks like the desktop view automatically formats my font in its own version of bold, which is what I would like. But it isn't automatically working for mobile, which is why I tried to assign a specific "p strong" font. I also had to specify the custom font for the image caption blocks, as that was not updating automatically. Here's the code I inputted to use the new font: // HELVETICA NEUE THIN // @font-face { font-family: 'Helvetica Neue Thin'; src: url('https://static1.squarespace.com/static/5d4b0cab3d651f0001b888d0/t/5e95d4d628d1592862d98574/1586877654407/HelveticaNeue+Thin.ttf'); } // ASSIGN H.N. THIN // p {font-family: 'Helvetica Neue Thin'; letter-spacing: 0.013em; } // HELVETICA NEUE BOLD // @font-face { font-family: 'Helvetica Neue Bold'; src: url('https://static1.squarespace.com/static/5d4b0cab3d651f0001b888d0/t/5e95d4e7d41df27156da9138/1586877671732/HelveticaNeueMed.ttf'); } // ASSIGN H.N. BOLD // p strong {font-family: 'Helvetica Neue Bold'; letter-spacing: -0.05em; } @media screen and (max-width: 765px) { p strong {font-family: 'Helvetica Neue Bold'; letter-spacing: -0.05em; } } // IMAGE CAPTION FONT // .sqs-block-image .image-caption p {font-family: 'Helvetica Neue Thin'; letter-spacing: 0.013em; } .image-title-wrapper {font-family: 'Helvetica Neue Thin' !important; letter-spacing: 0.013em; } .image-subtitle-wrapper p {font-family: 'Helvetica Neue Thin' !important; letter-spacing: 0.013em; } .image-subtitle-wrapper a {font-family: 'Helvetica Neue Thin' !important; letter-spacing: 0.013em; } // IMAGE CAPTION FONT BOLD // .sqs-block-image .image-caption p strong {font-family: 'Helvetica Neue Bold'; letter-spacing: 0.013em; } .image-title-wrapper strong {font-family: 'Helvetica Neue Bold' !important; letter-spacing: 0.013em; } .image-subtitle-wrapper p strong {font-family: 'Helvetica Neue Bold' !important; letter-spacing: 0.013em; } .image-subtitle-wrapper a strong {font-family: 'Helvetica Neue Bold' !important; letter-spacing: 0.013em; }
  16. Site URL: https://www.mela.co.nz Is there a way to universally override Squarespace's default fonts in a Brine template? I've created my first Squarespace site using my client's custom webfonts, loaded via the CSS panel. Once loaded, I've assigned these to p, H1, H2, H3, H4 in the CSS panel. But when browsing the site I still see Squarespace's default fonts here & there - like on mobile when I do a search, or when a page is not found. It's getting ridiculous adding CSS snippets to target every individual instance of the wrong (default) font. Can I assign my own overriding default font?
  17. Site URL: https://maria-villarreal-s2wp.squarespace.com/config/design/styles I'm trying to change the font on my index content gallery. Im using te Margot template. I already added my custom fonts and assigned them to H1, H2,H3 and budy, even the header but I don't know the code to do it for the index content gallery or the footer. Please help.
  18. Site URL: https://www.isolatedtogetherpodcast.org/ I've been spinning my wheels on this for hours. I've successfully loaded a custom font and it's working for most text boxes. But I can't find the code to alter the header font. I'm using the Paloma template, with Squarespace version 7.1 (though squarespace doesn't seem to recognize the template for some reason). I also can't edit the summary block of my episodes on the homepage. They're arranged in a carousel, and the font is correct on the actual episode page, but it reverts to the default font for the summary block. So two things: How do I change the header font; and How do I change the font in the summary block/carousel? Here are some of the codes i've tried that haven't worked: nav {font-family: 'TIMES';} header {font-family: 'TIMES';} header-nav-item {font-family: 'TIMES';} header-element {font-family: 'TIMES';} header-nav {font-family: 'TIMES';} header-nav-list {font-family: 'TIMES';} header-menu-nav-item {font-family: 'TIMES';} container header-menu-nav-item {font-family: 'TIMES';} container header {font-family: 'TIMES';} header-menu {font-family: 'TIMES';} header-menu--folder-list {font-family: 'TIMES';} sqs-block-content {font-family: 'TIMES';} sqs-block {font-family: 'TIMES';} #page-header nav ul a {font-family: 'TIMES' !important;} .desc-wrapper { font-family:'TIMES'; } #mainNavigation a { font-family: 'TIMES'; } #headerNav nav a { font-family: 'TIMES' !important;} .desc-wrapper p > strong { font-family: 'TIMES' !important;} None of these have worked! Please help! Thanks so much.
  19. Site URL: https://kristelandnic.com/ Site PW: 94591 Desktop fonts are fine. I feel like I have all the right code/CSS set up but the custom font is only working for P and not H1, H2, H3 on mobile. Any help is much appreciated! @font-face { @font-family: 'NFCarta-Thin'; src: url(https://static1.squarespace.com/static/5e6861182475ee58a83c927b/t/5e77d03fe8ff44374c22be4f/1584910400105/NFCarta-Thin.otf), url(https://static1.squarespace.com/static/5e6861182475ee58a83c927b/t/5e8b9315a3c03356e0608ee0/1586205461101/NFCarta-Thin.ttf), url(https://static1.squarespace.com/static/5e6861182475ee58a83c927b/t/5e77d01de08d1b666d12a4f3/1584910365731/NFCarta-Thin.woff), url(https://static1.squarespace.com/static/5e6861182475ee58a83c927b/t/5e77d039d07f4670779ea5ce/1584910393971/NFCarta-Thin.woff2); } @font-face { font-family: 'apercu-webfont'; src: url(https://static1.squarespace.com/static/5e6861182475ee58a83c927b/t/5e8aa6775803e9387ff9f363/1586144887674/apercu-webfont.ttf), url(https://static1.squarespace.com/static/5e6861182475ee58a83c927b/t/5e8aa67fa75db676523aa9bd/1586144895568/apercu-webfont.woff), url(https://static1.squarespace.com/static/5e6861182475ee58a83c927b/t/5e8aa686776c472b7268c0ba/1586144902916/apercu-webfont.woff2); } .mobile-bar-wrapper * { font-family: 'NFCarta-Thiin'; font-size: 24px; } h1 { font-family: 'NFCarta-Thin'; font-size: 120px; } h2 { font-family: 'NFCarta-Thin'; font-size: 175px; } p { font-family: 'apercu-webfont'; font-size: 12px; }
  20. Site URL: https://www.nycustompt.com/ Hi @tuanphan I've been having some troubles with the CSS Custom Fonts. I can't see the fonts properly in all browsers / devices. I have noticed that normally H1, H2, H3 are working fine but I can't see the Klavika font on body text or blogs. Please find in the lines below the CSS inserted: All fonts have been uploaded as .ttf, .otf, .woff, and .woff2. h1 { font-family: 'KLAVIKA BOLD', 'futura-pt', 'sans-serif', !important; font-size:40px; } h2 { font-family: 'KLAVIKA MEDIUM', 'futura-pt', 'sans-serif', !important; font-size: 20px; } h3 { font-family: 'KLAVIKA MEDIUM', 'futura-pt', 'sans-serif', !important; font-size: 15px; } body { font-family: 'KLAVIKA', 'futura-pt', 'sans-serif'; font-size:20px; } nav a { font-family: 'KLAVIKA', 'futura-pt', 'sans-serif'; } .desc-wrapper p > strong { font-family: 'KLAVIKA MEDIUM', 'futura-pt', 'sans-serif'; } .BlogList-item-title, { font-family: 'KLAVIKA', 'futura-pt', 'sans-serif', !important; font-size: 25px; } .BlogItem-title { font-family: 'KLAVIKA BOLD', 'futura-pt', 'sans-serif', !important; font-size: 40px; } .Header-nav--primary .Header-nav-item { font-family: 'KLAVIKA MEDIUM'; } .Mobile-overlay-nav--primary .Mobile-overlay-nav-item { font-family: 'KLAVIKA MEDIUM' !important; } .BlogList-item-excerpt { font-family: 'KLAVIKA', 'futura-pt', 'sans-serif'; font-size: 14px; color: #616161; } .BlogList-item-readmore { font-family: 'KLAVIKA', 'futura-pt', 'sans-serif'; font-size: 14px; letter-spacing: 0.19em; color: #616161; } .sqs-block-summary-v2 .summary-read-more-link { font-family: 'KLAVIKA', 'futura-pt', 'sans-serif'; font-size: 14px; letter-spacing: 0.1em; color: #616161; } Thanks a Million!
  21. Site URL: https://www.nicolanguages.com/products-special Hello, Forum! I am using a few code boxes to customize with color, etc. I am finding that the text in my text boxes are bolding in a few places. For example, there are two sections in the page talking about the same product, one offered in English and in Spanish. I want most of the text NOT in bold, but in the second section talking about the Spanish product, the text is defaulting to bold. It shows up correctly when I'm editing, but then defaults to bold when I check the published page. Anyone else experienced this? Thanks!
  22. Hi, I have selected heading fonts as Montserat however I would like to change the font of the 'medium' and 'large' headings only to a brush script font. I understand this is only possible with CSS in 7.1, can anyone advise exactly how to do this? Many thanks
  23. Site URL: https://blume-equity.squarespace.com/people Hi, I need some help changing fonts in my already Css-customized menu for this website. Since a mobile menu format wasnt available, I god help from @tuanphan to change it to this mobile menu format. Now I just need to know how to change the fonts as well to the custom ones I am using on the webiste. Url: https://blume-equity.squarespace.com/ password: Blume I also would need to know what code to use to change the fonts to custom ones for the different paragraphs. I was only able to change the headings. Anyone who knows? For headings I used: h1 {font-family: 'brownregular';} h2 {font-family: 'brownregular';} h3 {font-family: 'brownregular';} h4 {font-family: 'brownregular';} Also, one last question: On the "People" page I used some code to create a lightbox for the "Bio". I doesnt look so nice though and I was wondering if anyone knows where to get nice lightbox-designs? Or, is there a code for "Read more" where the text shows after a click or similar? Thank you so much for any potential help!
  24. Hello! Doing speed tests to my website I've observed that it takes so many time to load fonts that I don't actually use. I tired to remove them manually but I don't manage to do so. Another way is to use this tool https://cheers-studios.com/squarespace-font-optimizer but I can't use it since just circle members have access to the json style pack file. Anyone knows another way I can change all the used fonts on my website for just one? Thanks in advance,
  25. Hello! Doing speed tests to my website I've observed that it takes so many time to load fonts that I don't actually use. I tired to remove them manually but I don't manage to do so. Another way is to use this tool https://cheers-studios.com/squarespace-font-optimizer but I can't use it since just circle members have access to the json style pack file. Anyone knows another way I can change all the used fonts on my website for just one? Thanks in advance,
  • Create New...