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
  • Squarespace Forum Club Guidelines's Topics

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

  1. 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!
  2. 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!
  3. 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
  4. 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!
  5. 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
  6. 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
  7. 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
  8. 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
  9. 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?
  10. 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?
  11. 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'; }
  12. 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?
  13. Site URL: https://cinnamon-guitar-2zdw.squarespace.com/brand-styles I would like to use a custom font for the "Read More" links in the Brine layout... anyone know css code for this? I haven't been able to find anything in the forums or on google, please help! https://cinnamon-guitar-2zdw.squarespace.com/brand-styles
  14. Site URL: https://cinnamon-guitar-2zdw.squarespace.com/brand-styles Hello, I'm trying to change my headline text for in the overlay images to a custom font... The codes I've tried do not work, and I'm unable to target the specific area with the Developer Tools in Chrome. Can someone please help?
  15. Please help me change the font to a custom one on the site title. I have changed it everywhere else!
  16. Does anyone know what code I need to use to change the font of a FOLDER in the main navigation to a custom font? The font is working, and the css code I have works for the navigation menu, but only the ones that are not a folder. Many thanks for your help! Isabelle
  17. 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!
  18. I have a custom font that I would like to use on a Cover page (which may be impossible based on the warning on the CSS page about not being compatible on Cover pages), but I think a workaround would possibly be to get the font into the main font menu and then it would be accessible from there since the font on the cover page is editable in the Styles editor. This is the current CSS I've executed to get the font into the system, so now I just need to figure out how to get it into the font menu. All the current tutorials walk through how to make the custom font one of the default fonts (Normal, Heading 1, 2, 3, etc.), but I want to actually get it into the massive font menu so that I can access it from there: //ADDING CUSTOM FONT// @font-face { font-family: 'DEDRIEKLEUR'; src: url('https://static1.squarespace.com/static/5c378de396e76f747052eb57/t/5dfb9a4e848e0e4f64431318/1576770127164/DeDriekleur.otf'); } Thanks.
  19. Hi, I have been able to use custom fonts throughout my site. But for some reason it drops from the nav on pages that are folders. Does anyone know how to fix this?
  20. Hi there, I am using a custom font on my website for the drop down menus at the top of the site but it just recently added a huge gap between the primary navigation titles and the drop down menus. Does anyone have an idea on how to reduce the padding between the pages within each drop down? My site is private for now but here is a screen shot of what it looks like. Ideally I would like to reduce the spacing between events and upcoming events and possibly between the other pages ie b/w upcoming events, venues, type of events and calendar. Thank you in advance! Also, this is the coding i used to get the font in place: @font-face { font-family: 'Estilo'; src: url('https://static1.squarespace.com/static/5d7be41b5cb7d218f8c093c0/t/5d8bc38b609d4674de42bad1/1569440651395/Estilo.otf'); } h1 {font-family: 'Estilo';} .Header-nav { font-family: 'estilo'; font-weight: 600; font-style: normal; font-size: 20px; letter-spacing: .0em; text-transform: normal; }
  21. Hi I'm building a portfolio site, using the Wexley template. I've bought a font online that I'd like to use consistently through my website. I was wondering if anyone knows the css code that would allow me to do this? I have extremely little experience with css code, so please be specific as possible. Thanks!Stephen
×
×
  • Create New...