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


Forums

  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 33 results

  1. 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.
  2. 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
  3. 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.
  4. 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!
  5. 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!
  6. 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!
  7. 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 🙂
  8. 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
  9. 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,
  10. 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!
  11. 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!
  12. 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?
  13. Hi guys! I am trying to customize the fonts on my poster block. I will attach an image off how it is showing up (yellow bold font image), and attach an image of what I would like it to look like (script and serif font image). I see in the Site Styles you can change the Title Font and Subtitle Font, but I would like to do 3 different font types... is there a way to customize or add the css for this using H1, H2, H3, H4, etc.? I am slightly a newbie at coding. I have added in an additional font in the back end, but do not know how to add it to the poster. Thanks in advance!!
  14. 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!
  15. Site URL: https://www.sunrisehomestead.com/ Hey ya'll- hitting a wall here. Earlier I uploaded a custom font, did the css, and applied it to all the H categories I wanted. The whole site is dialed in with my custom font exactly where I want it EXCEPT I cant for the life of me figure out the CSS to get my Navigation links to convert to my new custom font. "About, Projects, Contact" for both standard and mobile views. I did a ton of research both on this forum and via google and tried everything under the sun that I could find and those navigation links just would not change to my custom font. Can anyone give me a hand here and help me out with the CSS Code to make this happen for both my standard and mobile site? REALLY REALLY APPRECIATE IT GUYS! SUNRISEHOMESTEAD.COM Nick
  16. 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!
  17. Site URL: https://danielkobin.com/ Hi there, I was able to load a custom font (Hanson) as H3 but am having issues getting it onto my cover page of my website (Wells template). If that's not possible via CSS custom code, I was then hoping there would be a way to change the logo positioning of the cover page from top of the page to dead center of the page. I'm trying to do either of the following. 1. Load a custom font (outside of the standard SS fonts) and make that the font of the Cover Page HEADLINE text. (I was able to load the custom font in CSS, but am not sure of a code fix to change the cover page headline). Or 2. Move the Branding Logo/Text to the center of the screen (see attached example with the "Test" text). Currently with this cover page option, I can only place it top center. I want to stick with this cover page template, so please let me know if anyone know of any solutions. Thanks!
  18. Hello, everyone! I am looking for help with adding custom fonts to some image Layout Blocks that I have added to my page and hoping for some help. I have been using custom CSS code to add the custom font and am wanting to apply this font to an image block. I have tried the following code without success: .sqs-block-image .image-caption p { font-family: coldiac;} and .sqs-block-image .image-caption p { font-family: coldiac !important;} neither of which has worked. I have attached a screen shot, where it says "capturing the feeling" is where I would like to apply the custom font. Any advice would be do helpful. Thank you!
  19. Hello, I uploaded a custom font and it's working fine on desktop but won't load on mobile. I've tested on both android and iphone. My site is https://www.beautybymichele.ca/about (homepage is a cover page). I'm trying to add this font to both the header overlay text and the H1 headings. I read it's good to add many font formats so that's why I have so many. Here is the code I used: /**********CUSTOM FONTS**********/ //adding playlist script font @font-face { font-family: 'Playlist-Script' !important; src: url('https://static1.squarespace.com/static/5dc1fa82d238444f39cf08ab/t/5dc7183b492ddd0f8b82bc87/1573328955817/Playlist-Script.eot'), url('https://static1.squarespace.com/static/5dc1fa82d238444f39cf08ab/t/5dc7184559401f78176f21e2/1573328965178/Playlist-Script.otf'), url('https://static1.squarespace.com/static/5dc1fa82d238444f39cf08ab/t/5dc71859df818a4a7428db06/1573328985576/Playlist-Script.ttf'), url('https://static1.squarespace.com/static/5dc1fa82d238444f39cf08ab/t/5dc7185f09cdf43d6db139cf/1573328991947/Playlist-Script.woff'); } //customize h1 to playlist font h1 { font-family: Playlist Script, sans-serif !important; color: #cfa2ad; font-size: 40px; } //style banner text to playlist font .desc-wrapper p>strong { font-family: Playlist Script, sans-serif !important; color: #cfa2ad; font-size: 60px; line-height: 63px; text-transform: capitalize; } Thank you so much... I have been stuck on this. Have a good day- Michele
  20. Site URL: https://firstsignals.squarespace.com/articles/mobile3 Hey, I'm having trouble adjusting the font of blog headers. I already tried: h1.blog-title { font-family: "Demibold"; } and .BlogTitle a { font-family: "Demibold"; } but neither seem to do the trick. I'm talking about this text line: Can anyone help me? The fonts work fine with <h1>, <p>, etc. and even in image blocks but not here. Best regards Bastian
  21. Site URL: http://thepopart.squarespace.com Hi all, I'm trying to add custom fonts to image blocks (card, block and collage blocks) and hoping for some help. I've successfully applied custom fonts to the rest of the site, but these titles are the last group I need to change. Any advice or help would be so greatly appreciated! Thanks in advance, Taylor
  22. Site URL: http://sangyoungbae.com/ Hi, I was trying to use custom font for my website. But for some odd reason, only lelo typeface has been appearing differently on Mac desktop Chrome with random typeface. But when I went back to my macbook pro Chrome, the typefaces are shown as I wanted. How can I make the typefaces be shown across every safari, chrome, and devices?
  23. Site URL: https://cristinatoff.com/web-design-packages I've uploaded a custom font that is working fine on desktop but is not showing up properly on mobile. See attached for different views. Anyone know how to fix?
  24. Hi! I added a custom font to my site, and was able to update all the headings without any issue, but i've tried multiple ways of coding for the title text and I can't get it to update to the custom font. Below is the code that I have currently. I've tried "h1.logo a", ".span site-title", "h1.site-title", ".site-title", and many others that i've seen posted in previous threads. @font-face { font-family: 'collection-regular'; src: url('https://static1.squarespace.com/static/5e3c58cf7d81b36374310001/t/5e3d74062875eb21496b77b4/1581085702842/collection-regular-webfont.woff2') format('woff2'), url('https://static1.squarespace.com/static/5e3c58cf7d81b36374310001/t/5e3d73f35749b2699ac528ab/1581085684273/collection-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } H1 { font-family: 'collection-regular'; } H2 { font-family: 'collection-regular'; } H3 { font-family: 'collection-regular'; } H4 { font-family: 'collection-regular'; } site-title { font-family: 'collection-regular'; }
  25. Hi all, I've been trying to create a custom font for my navigation and have been trying this: .Header-nav .Home {font-family:'FONT NAME'} @font-face { font-family:'FONT NAME'; src: url('SOURCE');} It doesn't seem to work, does anyone know how to code for this?
×
×
  • Create New...