How to Upload Custom Fonts to Squarespace [Video]

How to Upload Custom Fonts to Squarespace

Learn how to easily upload any fonts that you have on your computer to Squarespace, so you can use them on your website! This tutorial contains a little bit of coding to get your custom fonts onto your Squarespace site, but it’s really easy! This is a great way to customize your Squarespace site and make your design unique.

0:00 Intro
00:36 Where to find the built-in Squarespace fonts
01:05 Buying the correct font licenses
02:50 How to Upload Custom Fonts to Squarespace (Getting the correct file types, uploading the fonts to Squarespace, coding in your font, applying it to different text styles)

๐Ÿ‘‰๐Ÿผ Squarespace: *
๐Ÿ‘‰๐Ÿผ Web Font Generator:
๐Ÿ‘‰๐Ÿผ Looking for the codes from this video? Visit this post: to copy + paste all of the codes used in this video.

๐Ÿ–ฅ๏ธ FREE TRAINING: DIY Your Dream Website – Join instantly here:

๐Ÿ’ฐ SQUARESPACE DISCOUNT CODE: Use code BIGCATCREATIVE10 for 10% off your first year of Squarespace! Sign up here *

๐Ÿ’ป Ready to up your Squarespace Website Design? Check out our Squarespace Template Kits:

๐Ÿ‘‰๐Ÿผ Visit our blog full of Squarespace Tips & Tricks:
๐Ÿ‘‰๐Ÿผ Follow us on Instagram:

*This is an affiliate link. I may earn a commission if you sign up using this link, at no cost to you, of course ๐Ÿ™‚ I only promote things that I love and recommend.

Watch/Read More

ย  ย  Book Now!ย  ย ย 

.mondoplayer_submit:hover { background-color: rgb(187, 101, 44); border-color: rgb(187, 101, 44); } .mondoplayer_submit { display: inline-block; cursor: pointer; border-radius: 12px; border-color: rgb(238, 129, 56); background: rgb(238, 129, 56); color: rgba(239, 239, 239, 1); padding: 8px; margin: 0 auto; border-style: solid; border-width: 1px; text-align: center; font-family: 'Lato', sans-serif; text-shadow: none; transition: color 0.2s linear, background 0.2s linear, border-color 0.2s linear, text-shadow 0.2s linear; text-decoration: none; font-size: x-large; font-weight: bold; }


Squarespace 7.0 vs 7.1 [Video]

Squarespace is a great option for people who want to get their business up and running quickly and easily, and without a lot of fuss. The newest version of Squarespace (7.1) is a big update to the previous version (7.0), and includes a number of new features and improvements. Here is a detailed comparison of the two versions of the platform.


Squarespace website design by html CSS jquery custom code with jishaansinghal on Fiverr [Video]

#squarespace #squarespacecustomcodewebsite #jishaansinghal Hello there!***************************************************************************************My name is JishaanSinghal Iโ€™m an expert in the Squarespace platform.I am a Fullstack Professional Squarespace Web developer and Designer. I have 3 years of experience in developing websites. I have great experience in developing the website Squarespace.I have worked on more than 200+ projects in the local market and on different platforms.Due to my experience and passion for front-end, I write SEO-friendly, CLEAN, pixel-perfect, easy-to-understand, easy-to-maintain, and well-commented code. Deliver world-class quality.I design websites for brands that get lots of attention, love, and profits. I am providing quality and original designs to my clients for 3 years. I stay patient, humble, and persistent in my working process and deliver 100% original designs.If you are looking for a professional and perfect website for your business project then just contact me and create something new.I take each and every project in a professional way, Just text me and discuss your project. I hope you will get outstanding output. I am very careful about my responsibility and client satisfaction is my first goal.Feel free to contact me if you have any questions.Looking forward to working with you :)Thanks a lot :)Fiverr: : #squarespacedesigner #squarespacewebsite #Fiverr #design #branding #squarespacedesign #squarespacecircle #squarespacecms #custom #customized #customcode #code #custom #html #css #js #javascript #jquery ustomize squarespace,fix squarespace,squarespace site,squarespace redesign,squarespace site,squarespace customize,squarespace landing page,squarespace website,squarespace design, squarespace redesign,squarespace designer,Category,All Categories,(81),Website Builders & CMS,(48),SEO,(16),6),Web & Mobile Design,(5),E-Commerce Development,(2),Web Programming,(2),Website Content,(1),Other,(1),level one seller,level two seller,level 1 seller,level 2 seller,top rated seler,relevance,best selling,squarespace site,Pro services,Local sellers,Online sellers,custom css, custom code, inject code, customize squarespace, fix squarespace,squarespace custom, squarespace custom code,squarespace custom design,squarespace website, squarespace, squarespace designer, web develope, web design,code squarespace, design squarespace, customiz squarespace, fix squarespace, squarespace seo,css3, jquery, customized, html5, sqaurespace,squarespace design, css, squarespace,html, fix squarespace,redesign, website, design, squarespace, squarespace, website, website design, squarespace, squarespace, redesign, squarespace, seo, squarespace, website, squarespace, designwebsite,designsquarespace, squarespace,cms, cutomization, squarespace, coding, squarespace,code,squarespace, websites quarespace, designwebsite, design, squarespace, squarespace redesign,squarespace, designwebsite, designsquarespace, squarespace, redesign, custom, squarespace,squarespace website, squarespace, design, squarespace, squarespace, services, squarespace,seo,squarespace vs wix,squarespace login,squarespace vs wordpress,squarespacetemplates,squarespace vs shopify,is squarespacefree,squarespacemembership,squarespace pricing student,squarespace pricing,squarespace vs wix,squarespace login,squarespace templates,squarespace vs wordpress,squarespace vs shopify,squarespace pricing student,website builder


Introduction to Chinafy for Squarespace - the first-ever, fully automated solution to a faster web performance in China!Chinafy scans and processes your site to then generate a China-optimised version of your Squarespace site that's on average 7.8x faster. Anyone whoโ€™s ever looked into website performance in China knows how nuanced, complex (and costly!) it is to tackle these issues because, unlike websites elsewhere in the world Itโ€™s not as โ€œsimpleโ€ as hosting in China, using a CDN, or minimizing js.ย Read more about Chinafy on


Important Legal Info: The term Star Wars is a trademark owned by Disney. This content is not affiliated with Disney or The Walt Disney Company.---Just getting started with Squarespace CSS? Awesome! ๐Ÿ˜ I want to teach you the basics - grab my free Getting Started Guide here ๐Ÿ‘‰๐Ÿฅณ Ready to launch ? Use the code PARTNER10 for 10% off (affiliate code): ---This tutorial features my 7.1 demo site, but the codes will work in any theme in version 7---In this tutorial I am going to show you how to animate a text block so it scrolls off into the distance and fades away, like the opening credits to Star Wars!This animates all the content inside a markdown block, which means anything inside the markdown block will get this animation, including images.A few important things to note before you copy and paste the code below into your own site:โœจ There is more than one way to do this! This is just one approach of many because code is super customizable. ๐Ÿ”— This code uses a markdown block, so I STRONGLY recommend installing it on a single page and not site wide. Here is a link to the tutorial on how to install this code on a single page in your Squarespace site:๐Ÿ”ฎ If you are on a personal plan or for some reason just prefer to use your site wide CSS, you can target the individual markdown block with its block ID. Add the block ID in front of the markdown block code name, like this #blok-id .sqs-block-markdown Here is a link to the chrome extension I use to easily find block IDโ€™s in Squarespace. Please note I am not affiliated with them in any way, I just use this extension in my own work! ๐Ÿ™‹ Need some help? Visit โ€‹โ€‹ to see my current support options.Here is the code from this tutorial:#page{overflow-x:hidden}.sqs-block-markdown {height:3rem!important; transform: perspective(250px) rotateX(35deg);}.sqs-block-markdown *{-webkit-animation: fadeaway 15s linear forwards!important; -moz-animation: fadeaway 15s linear forwards!important; animation: fadeaway 15s linear forwards!important;}@-webkit-keyframes fadeaway { 0% { top: 120%; } 90% {top: -900%; opacity:.80 } 100% { top: -1000%; opacity:0 }}@-moz-keyframes fadeaway { 0% { top: 120%; } 90% {top: -900%; opacity:.80 } 100% { top: -1000%; opacity:0 }}@keyframes fadeaway { 0% { top: 120%; } 90% {top: -900%; opacity:.80 } 100% { top: -1000%; opacity:0 }}---๐Ÿคฉ Ready for more codes? The codes in this tutorial are just the beginning of all the cool things you can do with Custom CSS! When you're ready to dive in and start customizing, you can use codes from my CSS Cheat Sheet. It has over 30 pages of code snippets and pro tips to help you get started. Download your copy ๐Ÿ‘‰๐Ÿฅณ Ready to launch ? Use the code PARTNER10 for 10% off (affiliate code): โค๏ธ ---๐Ÿ™‹ Need some help? Visit โ€‹โ€‹ to see my current support options.---The term "Squarespace" is a trademark of Squarespace, Inc. This content is not affiliated with Squarespace, Inc. I just really love their platform โ™ฅ---#squarespace #squarespacecss #howto #customizesquarespace #css #squarespacetricks #squarespacehacks #squarespacetips