Search the Community
Showing results for tags 'font'.
Found 272 results
-
Bedford - Hiding Page Title with Headbanner
Ann_Gumball posted a question in Coding and Customization
Hi all, I am creating a page about case studies, which follows the style of the blog in the bedform family. We have a custom head banner for each study and when I combine it with the post title, the post title appear in the head banner. I do not need the post title in the head banner, as it does not fit our style and I am using it as H1 anyway. How can I make the post title disappear with custom CSS (either by making the font to 0 or hidding it completely)? Thank you for your help :) -
Site URL: https://www.herefortherightriesling.com/ Hello, I added a custom css font into my page. It worked perfectly, but the one device the font won't show on is on my iPhone. It's driving me nuts. I have looked and looked for answers, but haven't had any luck. Here is the code I am using - @font-face { font-family: "sangriaregular"; src: url('https://static1.squarespace.com/static/5e7fdcaa598f9f6f7a79057a/t/5e868dfd75b09077b6bfd4e6/1585876477886/sangria-webfont.woff2') format('woff2'), url('https://static1.squarespace.com/static/5e7fdcaa598f9f6f7a79057a/t/5e868df767d06f1dfe6894ce/1585876471151/sangria-webfont.woff') format('woff'), url ('https://static1.squarespace.com/static/5e7fdcaa598f9f6f7a79057a/t/5e88e737959bb658fcfcf66b/1586030392293/Sangria.ttf') format ('truetype'); font-weight: normal; font-style: normal; } h2 { font-family: "sangria", Arial, sans-serif !important; } I uploaded the custom font through Font-squirrel to make it a web font. They provided this information - "Fonts not loading in iPhone or iPad- The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. " Should I be adding in an SVG version? If so, does anyone know how this works? Thank you so much!
-
Site URL: https://www.numsyums.com/ Hello, Pretty new here and I have added a custom font to my site but it only attaches to the heading 2. Especially on the menu page how do I change the font the the custom one I want. Also my site title is no the same on the footer. #site-title{font-family:'Playlist'} h1 {font-family: 'Playlist';} h2 {font-family: 'Playlist';} h3 {font-family: 'Playlist';}
-
Site URL: https://www.ronaldaartsen.com Hi, Wasn’t sure if I had to post this in Site Design or here, but I recently changed to 7.1 from 7.0. and took Merida as a starting point. Now I am really satisfied with the desktop view, and on my phone. But on my ipad it seems it does not show right the responsiveness with fonts. It breaks down the headings so one letter is broken off. Kind of bad hyphenation which may be solved with css, but if the headings would adjust size-wise it would solve the problem more easily. Is there any way I can accomplish this? Plus when I hold my ipad in vertical view, it shows the mobile menu, but still keeps two blocks next to eachother. Any help is much appreciated. Thanks!
-
change categories font to custom CSS font
wallisannika posted a question in Coding and Customization
Site URL: https://www.hoveringinthekitchen.com/blog/chicken-pot-pie-review I can't figure out how to change the font of the categories on the blog page to a custom css font. I figured out how to change it on the blog item list page (.blog-masonry .blog-categories {font-family: Annika;}) I can't seem to get it to work on the actual blog posts with .blog-meta-item–categories {font-family: 'Annika' !important;}. I used this page as my guidance; https://beaverhero.com/squarespace-71-css-list/ Can someone help me out? Thanks! -
Site URL: https://recorder-jaguar-6lxy.squarespace.com/ I am trying to change the font (a custom font) of the CTA in the header of the site and all of the form buttons. It's the only thing I can't manage to change. PASSWORD: ComeandStay -
Pacific Template CSS to change Blog Post Title Font
Cindyspc posted a question in Coding and Customization
Site URL: http://lychee-wolverine-tdkg.squarespace.com Hi Squarespace community! I would like to have a custom title font for my blog posts in Pacific template without changing the Title 1 setting in the website's Design/Site Styles tab. I've chosen Adorn Garland for the H1 typeface, which I like for page H1 headers. However, on blog titles, it looks like trash. I'd like to use Raleway on my blog titles. Thanks in advance for any help! Cheers, Cindy -
Site URL: https://silver-bronze-ka6x.squarespace.com/config/design/custom-css Hi, newb here. I am currently leveraging the Fillmore template and am attempting (with zero luck) to change the font of my site title to something custom. I uploaded the custom font via Custom CSS already. Below is what my coding looks like: //ADDING BELOVE FONT// @font-face { font-family: 'belove'; src: url ('https://static1.squarespace.com/static/5e8279b614491577aa423cac/t/5e827b67856e200e37420fae/1585609576000/Belove.otf') ;} //ASSIGN BELOVE FONT// #sitetitle {font-family: 'belove';} You will have my eternal thanks if you're able to advise my confused self on how to fix. Thank you so much!
-
Change Font Weight for Large Paragraph - 7.1
Anthony_Richardson posted a question in Coding and Customization
I'm trying to change the font weight just for Large Paragraph in 7.1. Below is the current code I've got in my Custom CSS; –––––––––––––––– p.sqsrte-large { font-weight: 400; } –––––––––––––––– However, the weight isn't changing, and it's only when I up it to 600 does it change to reflect that weight. Am I missing something? Thanks in advance -
I'm demo-ing Squarespace... How do I reduce the size of my navigation fonts on the mobile version?... How do I reduce the size of the hamburger icon on mobile? How do I move that hamburger icon to the left or right and get it closer to the edge and away from my logo?... Is there a way to add the hamburger icon to the desktop version and put it on the right?...
-
Hi there! I would like to change the fonts on each of my pages. Can anyone tell me how I can accomplish this using CSS or any other tool? In other words, i want to achieve that, if I change the font on one page, it does NOT change on all other pages as well. Thank you VERY much and keep safe during this troubled time x! PS: I`ve never used a CSS code before so I would require a simple explanation so I can understand it. 😀
-
Custom font for 'image card' title and subtitle
robinhouse posted a question in Coding and Customization
Site URL: https://www.hivemusic.com/spiritcity-1 Hi! I'm using a custom font on this site but am struggling to change the title and subtitle of the image card on this page to my custom ones.... https://www.hivemusic.com/spiritcity-1 I'm talking about the area that says "SPIRIT CITY" and the area below that which has the description in? Thanks! R -
Custom Font for Site Title & Nav on Wells Template?
destinyestringer posted a question in Coding and Customization
Hi! I just switched up to the Wells template. I want to change the Site Title and Navagation to a custom web font I have been using. I was able to do it to my old template, but that HTML/CSS is not working for this new template. I have the font code: @font-face { font-family: 'Recoleta'; src: url('https://static1.squarespace.com/static/5928e31fe58c62d37df2a7d1/t/5d410d7047ee420001652090/1564544369780/39DCEF_0_0.woff2') format('woff2'), url('https://static1.squarespace.com/static/5928e31fe58c62d37df2a7d1/t/5d410d739a4d4a0001fa3e70/1564544371195/39DCEF_0_0.woff') format('woff'), url('https://static1.squarespace.com/static/5928e31fe58c62d37df2a7d1/t/5d410d63a71ed100016bafe7/1564544355607/Latinotype+-+Recoleta+SemiBold.otf') format('otf'); } but none of the HTML/CSS I have found is working for me. I have tried each of these so far and nothing. (Each at one time, not together.) #headerNav nav a { font-family: 'Recoleta' !important; } .desc-wrapper p > strong { font-family: 'Recoleta' !important; } header h1.site-title { font-family: "Recoleta"; } .has-site-title .Header-branding { font-family: "Recoleta"; } Any help would be appreciated! Thanks! -
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!
-
How to override Dynamic font Sizing in Collage Image Design
JTeich posted a question in Coding and Customization
Site URL: https://www.caroline-shenaz-hossein.com/caroline-shenaz-hossein#about-caroline-hossein I've used the collage image design throughout my website, and like it that way, *except* for one image collage on one page. The text is *way* too big. How do I override this? I've tried suggestions mentioned on other posts, but they don't work. The template is Hyde, and here's the page https://www.caroline-shenaz-hossein.com/caroline-shenaz-hossein#about-caroline-hossein Thanks so much! -
I'm trying to get my page to load faster on mobile. Is there any way to prevent Typekit from trying to load the themes default font? I only want to use a font (Montserrat), in the theme I use (Five) Proxima Nova is standard. Even though I've changed the Font to Montserrat everywhere, Typekit is still loaded according to Google PageSpeed Insight. Any suggestion for a solution to this?
-
Site URL: https://coconut-lime-t224.squarespace.com/ Hello people , I set up a website for a client with this font: ethnocentric. He wants to use this font for his logo and he wants to use the design of the website for printing a folder. The question: Do you know if he is allowed to use the design of the website for his logo & marketing material? Or should he pay the creator of the font? The password of the website is SS Thanks in advance, Marinske https://coconut-lime-t224.squarespace.com/ The password is SS
-
trouble with using my own font on coverpage
LonelyRiot posted a question in Coding and Customization
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. -
Changing font formatting on Portfolio Grid Titles
RoxyL posted a question in Coding and Customization
I am trying to customise the font formatting of the portfolio grid titles in my portfolio page on Squarespace 7.1 I can see that these are h3, and that the class is .portfolio-title but I've tried both header code injection as well as Custom CSS to add in code to reduce the size/change font and it's not working. Can anyone guide me on what the correct code to use would be? -
Site URL: https://ashandelmdesign.com Hi there, I'm trying to change the font for the navigation menu & the hamburger menu on this site: https://www.ashandelmdesign.com/ Also need to know how to change the font for buttons on forms and in the header..
-
Site URL: https://www.earthdrivencollective.com.au/home Hi! Currently adjusting our site in mobile. I feel like this should be basic but does anyone know how to adjust the content padding in mobile? And also, can we make the font size of the drop down menu items smaller but not the main navigation? Thank you in advance for the help!
-
Hey guys, i design and sell fonts. currently i am selling them on myfonts.com, creativemarket.com and youworkforthem.com. though i wish to create a squarespace site of my own to sell my fonts on is it possible to create code or install a plugin that will allow me to give users of my website the ability to test and preview my fonts by typing in any word, adjusting size, spacing and the style of the font? lots of other tyopgraphic designers have wordpress websites that use the plugin called font sampler http://fontsampler.johannesneumeier.com/ please also see Grilli type website how they let users test their font before buying - https://www.grillitype.com/typeface/gt-super if anyone has any solutions for use on a squarespace site i would be very interested thank you!!
-
How to change the font size of a title product?
Claraclara posted a question in Coding and Customization
Hi, Does anyone know how to change the font size? Thanks, Clara -
Hello, I am trying to change the Product List Title and Price to a custom font. I have tried using Google Chrome Inspect tool to highlight that type and see what the coding is for it. Unfortunately, I cannot seem to find the correct class name for these elements. I have tried .ProductList-item. I am working off of the Mentor Template. Thank you for your help and recommendations. -
Site Title Custom Font for Desktop/Mobile | York Template
ufobro posted a question in Coding and Customization
Hi, I'm having trouble changing the site title for web/ mobile to a custom font that i've uploaded, specifically for the YORK template. I've tried almost every code from other threads but nothing seems to be working. (Clearly inexperienced) Any help would be greatly appreciated! Stay safe & healthy! 🖤
