- #FONT NOT INSTALLING FROM FONT KIT HOW TO#
- #FONT NOT INSTALLING FROM FONT KIT FULL#
- #FONT NOT INSTALLING FROM FONT KIT CODE#
with your own custom font, here is what you need to do: If you have a Squaremuse Design Kit or Pricing Kit set up on your website, and you’d like to replace the assigned custom fonts to H1, H2, etc. If you’d like to stylize one single font property (ie. the font size), just add the “font-size” CSS property inside the brackets.
#FONT NOT INSTALLING FROM FONT KIT CODE#
Once you decide which font properties you’re going to stylize, start writing your CSS code - it’s not hard, we promise! On the image below you can see the CSS properties that you need to write depending on what you need to adjust versus the font settings from the Site Styles panel. Here is how you can stylize your custom font by adjusting your CSS code. While most custom fonts that you upload on your website can be stylized via the usual Site Styles panel, this is not the case for all fonts, as some font files do not support the stylization via Site Styles. All of the settings will still work, only the font will be different. Just head over to Heading 1, Heading 2, etc. Know that you can also change things like color or font size directly from your Site Style Settings. If you want to have different fonts for different headings, simply upload multiple font files to your Squarespace site and go through the above steps as many times as you need.
#FONT NOT INSTALLING FROM FONT KIT HOW TO#
This video shows how to apply the same font to all your headings and to your body text. If you already have some code here, just paste it all the way at the bottom. Then, go to your Squarespace dashboard, Design > Custom CSS and copy and paste the following snippet of code inside the Custom CSS box. Once you get the hang of it, the rest is a piece of cake.įirst, we recommend you to create a test styling page with text on it, and assign H1, H2, H3 and Body stylings to it, so you can see the changes in real-time. This step requires a bit of CSS tweaking, but it’s not too complicated, we promise. Now that you have your font uploaded to your Squarespace site, you need to “tell” Squarespace where to find it and assign the font to a specific heading on your site. Once you do that, your font is successfully uploaded to your Custom Files. woff format - so make sure you have the correct file at this point. Upload or simply drag and drop your font file.
Next, go to your Squarespace dashboard, Design > Custom CSS, scroll all the way to the bottom and click on “Manage Custom Files”. If you’re not sure where you can get legit fonts, there are plenty of resources like Font Squirrel or Google Fonts that offer free fonts, and Creative Market for beautiful custom fonts you can purchase at a price of $20-$30.
#FONT NOT INSTALLING FROM FONT KIT FULL#
Please double-check and make sure you have full rights of usage. This tutorial explains how to upload custom fonts to Squarespace 7.0 version websites, but the same exact principle applies to Squarespace 7.1 websites, as well.įirst, you want to make sure you have your font’s file available and ready to use. In today’s article, we will show you how to stay consistent with your aesthetic, customize the look of your website to your brand fonts and easily upload and use any custom font on your Squarespace site. It goes without saying, great typography that visually supports your imagery is always a winner.