Three Ways to Use Custom Fonts in Squarespace

We’ve seen it countless times: Your designer delivers an impeccable style guide, with an eye-catching logo, a crisp color palette, detailed image guidelines, and pitch-perfect fonts. Then, you pass this work of art along to your web team, only to find that those long-fretted-over fonts are not included in Squarespace’s library of more than 1,500 fonts. Ack!

We have two important pieces of advice for this scenario:

  1. Do NOT allow a designer to create a style guide for you without full consideration of your digital brand! (That includes your website and your email marketing templates.) Your digital touchpoints with clients and customers are crucial to your brand, and they should be considered at the front end of this process.
  2. Worry not! You’ll be able to upload your custom fonts to Squarespace, and they will look absolutely perfect.

Behold, the three most common ways to upload custom fonts to Squarespace:

Standard Upload

  1. Upload Your Font: In your “Custom CSS” panel, scroll to “Manage Custom Files,” and select the font file you’d like to upload from your computer.
  2. Link Your Font: Add the following snippet to your “Custom CSS” panel, replacing FONT NAME with your font name and FONT URL with your font URL. (Insert this URL by highlighting FONT URL, clicking on “Manage Custom Files” and selecting your font file.)

@font-face {
font-family: 'FONT NAME';
src: url('FONT URL');
}

  1. Assign Your Font: You can assign your custom font to your h1, h2, h3 or body text styles, or you can add an additional text style. Regardless, the code for each assignment is quite simple: h1 {font-family: 'FONT NAME';}
  2. Style Your Font: Add any additional text formatting properties you’d like, using this trusty CSS Text guide from w3schools.com.

Cloud.Typography Fonts

  1. Log in to your cloud.typography account and create a “Project.”
  2. On your Project page, click on the Tools cog in the upper right. Copy your CSS Key and paste it into Settings > Advanced > Code Injection > Header in Squarespace.
  3. Go to Design > Custom CSS in Squarespace and configure your font styles by copying the text formatting properties from cloud.typography (listed under Font Styles). Your code should look like something this:
  4. h1 {
    font-family: FONT NAME !important;
    font-style: normal !important;
    font-weight: 600 !important;
    }
  5. h2 {
    font-family: FONT NAME !important;
    font-style: italic !important;
    font-weight: 600 !important;
    }

    p {
    font-family: FONT NAME !important;
    font-style: normal !important;
    font-weight: 400 !important;
    }
  6. Move into “Production Mode” before your project goes live. In this process, you’ll have to download the fonts and move them to a secure location on your server. Follow cloud.typography’s instructions for this process.

Adobe Fonts

Thanks to Squarespace’s integration with Adobe Fonts, you can select from more than 1,000 fonts, or add a custom font project to your website. We recommend consulting Squarespace’s detailed directions for adding Adobe Fonts.

We merge our dedication to innovative strategies and curiosity-driven design to foster growth and elevate brands.

View our work
RELATED JOURNAL ENTRIES
#
Technology
0 minutes

Answers To The 5 Most Pressing GA4 Questions Everyone’s Asking

Google Analytics is one of the most powerful tools for tracking website performance and user behavior, providing valuable insights into how users interact with your website. On July 1st, 2023, Google Analytics 4 will replace Universal Analytics. This means that after July 1st, Universal Analytics properties will stop processing data, and Google will force a property migration if you haven’t proactively made the switch. But NEVER FEAR, Good & Gold is here with answers to your most pressing questions about the change and why you should make it. We’re here to help your business migrate from Universal Analytics to GA4!   

Why is Google updating Universal Analytics (UA) to Google Analytics 4 (GA4)? 

With the migration to GA4, Google is making a significant shift in its approach to its data model, cookies, and privacy implications: 

UA is built on a session-based data model, with goals measured by sessions rather than users. For example, if a user watches three videos in one session, UA only counts this as one “conversion”. With GA4, Google shifts to an event-based data model, which means that in our previous example, each of the three video plays count as a “conversion”. 

Cookies and data privacy are challenges that Google is also addressing with the transition to GA4. As data privacy concerns arise, more and more users want to opt out of sharing their data, and as they do, the UA analytics model can no longer report on website users and traffic as accurately as before. GA4 is designed to fill these collected data gaps using machine learning and other adjacent protocols called “blended data”. It’s also designed to rely on first-party cookies, keeping user data private as they move from website to website.

Why should I upgrade to GA4?

Well, ya kinda HAVE to. Google will force the upgrade on July 1 if it’s not already been made. But aside from the fact that it’s required, here are five great reasons to upgrade from Universal Analytics to Google Analytics 4 today:

  1. Advanced Insights
    GA4 provides more advanced insights than the previous version of Google Analytics thanks to its use of machine learning and artificial intelligence. This allows GA4 to offer more detailed and accurate information about user behavior, helping you to better understand how users are interacting with your website and how to improve their experience.
  1. Cross-Device Tracking
    With GA4, you can track users across multiple devices, providing a more complete picture of their journeys and behavior. This is particularly important in today's multi-device world, where users may switch between desktop, mobile, and tablet devices.
  1. Improved Privacy Controls
    GA4 has been designed with privacy in mind, offering improved controls for data collection and handling. This can help to ensure that your website is compliant with data protection regulations and that users feel comfortable sharing their data with you.
  1. New Reports and Features
    GA4 offers a range of new reports and features, including customizable dashboards, real-time data streams, and predictive metrics. These new tools can help you to better analyze and understand your website data, allowing you to make more informed decisions about how to improve your website's performance and user experience.
  1. Urgency
    Google announced that support for the older Universal Analytics would be deprecated in October 2022. Since then, any existing Universal Analytics properties have continued to collect data but no longer receive new features or enhancements. So, upgrading to GA4 is not just a beneficial choice, but also an urgent one for website owners to ensure their tracking keeps pace with modern web tracking techniques and tools.

What do GA4 changes mean for my business? 

This new version of Google Analytics isn’t just a platform change or OS upgrade, it’s a whole new system. GA4’s advanced machine learning capabilities and cross-device tracking will provide you with a complete picture of your customers' journeys, allowing you to optimize your website for maximum engagement and conversion. With GA4, you'll gain powerful insights that will help you make informed decisions about your website and digital marketing efforts. In addition to the data collection model change we outlined earlier, GA4 has improved key pain points:

  1. Spam Traffic
    Ever seen a GIANT spike in traffic on Universal Analytics, or a bunch of random traffic sources, and been like, WTF? GA4 is addressing issues like this by assessing and excluding bot traffic, so when you see traffic spikes on GA4, you’ll know they’re related to your marketing efforts, not spam!

  2. Data Retention
    GA4 offers options for data retention time periods (two months or fourteen months) so you can focus on pertinent, timely user data patterns when making predictions and analyzing user behavior to map out website improvements and marketing strategy.

  3. Reporting
    With GA4, Google is enhancing their reporting by adding robust custom reporting. Real time reports will allow you to track audience behavior on the fly so you can quickly pivot and scale your marketing campaigns toward your goals. Exploration reports offer a flexible reporting style that gives you deeper insights into user behavior on your website, from sales funnel explorations to LTV, user journey, and free-form explorations.

What happens if I DON’T upgrade to GA4 before July 1st?

If you snooze on the migration and simply don’t perform it, Google will upgrade to GA4 for you. While the automated upgrade might work for smaller businesses with simple analytics set ups, businesses with robust custom tracking and any unique configuration will likely see their analytics properties breaking, leading to gaps in data collection and missed opportunities in analysis and privacy protection.

So, what do I need to do right now?

To ensure your unique business goals and objectives are properly migrated from your Universal Analytics environment to your new GA4 set-up, you’ll need to prioritize this upgrade well before July 1st. Depending on how complex your tracking needs to be, this switch can take up a month to properly configure and complete, so DEF don’t delay! Here are five basic steps to get you started:

  1. Audit your existing Universal Analytics set-up
  2. Create a Google Analytics 4 configuration plan
  3. Create and configure a new GA4 property (if you haven’t already)
  4. Install GA4 tracking code on your website
  5. Build out and customize your GA4 reports in-platform

Need some help? We’ve got your back. Ask us about our GA4 Migration Services and get the process started today! With our extensive knowledge, Good & Gold can seamlessly migrate clients to GA4, ensuring your digital marketing efforts are optimized for success! 

#
Technology
0 minutes

Web3 and Machine Learning: Exploring the Future of Decentralized AI

If you haven’t noticed already, Web3 has permeated discussions about the current state of the internet. While it’s true that we are still in the early days, how it is already affecting and will continue to affect digital marketing is becoming increasingly clear, and we’re at the point where it is already having a noticeable impact.

But first, let’s start with the basics:

What Is Web3?

Web 3 is, at its core, the theory that the internet will evolve away from centralized, tightly controlled platforms (like Facebook, Twitter, and Amazon) towards a decentralized model that better incentivizes and rewards creators while expanding ownership to a broader base of users.

Tim Berners-Lee, widely credited with the ideas that formed the current incarnation of the Web, describes it as the Semantic Web, “not a separate Web but an extension of the current one, in which information is given well-defined meaning, better-enabling computers and people to work in cooperation.”

When discussing decentralization, we’re referring to anywhere you can eliminate a middleman. Perhaps you’d like to be your own bank or make money directly from content that you create without having to go through somebody else’s centralized platform.

You may have heard the term Web3 referred to as “the same as blockchain or crypto”. While it’s true that one vision of Web3 is heavily centered on those technologies, they only play a part in the full tech stack of the next generation of the internet:

  • Decentralized Databases and Storage
    - Blockchains such as Ethereum, Cosmos, etc.
    - IPFS
  • Artificial Intelligence/Machine Learning
    - OpenAI (star of the moment, ChatGPT)
    - DALL-E
    - Siri
  • The Internet of Things, such as:
    - Smart Homes
    - Wearables
    - Self-Driving Cars

What Is Artificial Intelligence? Is It The Same As Machine Learning?

Artificial Intelligence is generally a blanket term for technology that allows machines to act, learn, and communicate as people do. Machine learning is a path towards that, but needs a lot of help from us to achieve its goals. That’s where Large Language Models come in,, like ChatGPT, BERT, and the various models of Hugging Face.

These models need to be trained by people. You do this each time you use ChatGPT or give DALL-E a prompt. Ultimately these models learn from us and are a reflection of our communal feedback.

In the future these models will help guide the way toward a decentralized web by reducing the need for human moderation and intervention, significantly reducing costs, and increasing the efficiency of everything from safely using social media platforms to giving medical advice to searching for new recipes.

What Does Web3 Mean For Digital Marketing?

First, let’s talk blockchain and crypto. While it’s a small part of Web3, it’s had an outsized presence over the past few years. NFTs in particular are already changing advertising:

Non-Fungible Tokens are still in their “toy phase”, and while most people still think of them as silly jpeg, we’re just scratching the surface of what these will become. Ultimately they’ll represent any digital representation of a real-world item that needs confirmation of its authenticity or benefits from being able to be transferred or traded quickly.

Some examples:

However, for most brands, the more immediate benefits of Web3 come from two areas:

What Does No-Code/Low-Code Mean?

The no-code/low-code movement takes out much of the need for traditional developers and aims to enable non-coders to develop applications without the need to filter their goals through developers and programmers. Squarespace and Webflow are all excellent examples of this that you can use today!

Meanwhile, platforms like bubble and weweb will allow businesses and marketing agencies to develop full-scale applications from scratch without code. Some examples:

What Is Machine Learning?

Many digital marketers have already been using machine learning in their day-to-day without realizing it. Google Ads’ optimization and performance campaigns work via machine learning. Additionally,, if you’ve ever used Grammarly to help improve your copywriting, that’s based on machine learning too!

Some additional great examples of tools that can help bring your efforts to the next level include:

  • Klaviyo’s automatic subject lines.
  • Shopify’s automatic product descriptions.
  • Advertising platforms such as 6sense allow advertisers to take advantage of machine learning for targeting and optimization across platforms.
  • Finally, tools such as CopySmith and Jasper can automate portions of our copywriting and content creation today.

Ultimately, Web3 in all of its forms will change the way that we create and interact with the internet and with each other, but these advances, just like the applications and platforms we use today, are tools that need your creativity and passion to get the most out of!


So, what to do with all this knowledge?
At Good & Gold, we’re developing effective ways for our team to leverage these powerful new tools across all our digital marketing services. We’re also keeping a close eye on the line between staying relatable, creative, and human, and using these tools to increase efficiency and accuracy in our work. In short, we’re doing the heavy lifting so your brand can benefit from this exciting digital future organically and gracefully. 

#
Technology
0 minutes

Should You Be on Shopify?

Let's get right down to it: If you’re wondering if you should be on Shopify...it’s a good indication that you should probably be on Shopify. Born in Canada, loved by 1.2 million people, there are few platforms quite like this one. Known for its robust e-commerce experience that’s baked into the core codebase, it truly is a powerhouse that allows for efficient product fulfillment and management, as well as a finely tailored user experience.

Think of it as your command center, where you have an overabundance of key product data at your fingertips that combines seamlessly with site development, and Shopify’s laboriously optimized checkout flow. Wholly customizable, businesses have the ability to deliver a premium experience that reflects their brand—all with a streamlined backend. When it comes to e-commerce simplicity, nothing really compares. Here’s an overview of the platform’s standout features:

The E-Commerce Tools

With Shopify, the details that can make e-commerce a real headache to manage—shipping, fulfillment, payment processing, discounts, point of sale, integrations—are all built into the platform, so that you have access to everything you need from your dashboard. 

The platform is built to integrate with existing shipping, fulfillment, and payment processing systems, but it also offers its own solutions. Shopify Shipping offers discounted rates with USPS, UPS, and DHL while providing simplified tools for printing labels, fulfilling, and tracking orders from the same place you manage products, customers, and inventory. Meanwhile, Shopify Payments allows you to accept credit cards and other online payment methods (Apple Pay, Google Pay, etc.), with fraud prevention features and multiple currencies available.

The Optimized Checkout Flow

Regardless of the store in question, Shopify’s checkout flow is always the same: A series of digestible checkout steps with a consistent layout and design that’s proven to maximize conversions. Because while customized pages, features, and interactions to match your brand and wow customers may increase engagement throughout the rest of your website, data has proven that this rigid, rapid, recognizable approach to the transactional pages of your website is ideal for conversions. 

Within Shopify’s checkout, customers navigate through four mobile-friendly steps—Information, Shipping, Payment, and Review—with helpful auto-fill features along the way to speed things along. What’s more, customers can opt to save their information with Shop Pay, an accelerated checkout system that lets them save their email address, credit card, and shipping and billing information for the next time they are directed to the Shopify checkout on any website. 

The Theme Store

Shopify’s Theme Store provides a solid head start on the design and development of your website. You can browse more than 100 Shopify-approved website templates by industry, layout style, and product volume to home in on the features that will support your brand and business goals, using your selected theme as a springboard for development.

When we work with clients to design and develop Shopify websites, we start with a deep dive into the theme store to gather a sampling of themes to leverage. We look at navigation styles, homepage layouts, collection page layouts, product page layouts, module types, and animations to get a clear sense of how each theme will accelerate our workflow, and then we begin customizing. Whether you’re building your own website or partnering with an agency or contractor, Shopify themes allow for efficient and cost-effective projects.

The App Store

Shopify’s expansive App Store puts limitless integrations and features at your fingertips. Referral programs, loyalty programs, shoppable Instagram galleries, product bundling, product wishlists, customer profiles, subscription programs...if you can imagine it, it’s likely in the app store.

Shopify Support

One benefit of powering more than 500,000 businesses in 175 countries is a seriously robust Help Center. Shopify’s existing documentation includes extensive guides to getting your business set up, migrating from other platforms, setting up products, payments, and shipping, and more. Additionally, the platform offers live support via chat, phone, and email that’s always surprisingly helpful.

#
Technology
0 minutes

Which Website Platform Is Best for You?

The internet is a rapidly shapeshifting place, with new technologies quickly emerging, pivoting, or falling out of favor all the time. With that comes a plethora of options to face when the time comes to build or revamp your web presence. It can be overwhelming.

So, just how do you decide which platform is best for your needs? How do you wade through the new options that pop up seemingly everyday? And most importantly, how do you get off of your outdated and/or bloated platform and onto something that’s easy to manage and designed for performance? At G&G, we’ve honed our own primary toolbelt to focus on a few of our favorites that help us guarantee client success. The key, as with all website projects, is to carefully consider your goals, both long and short-term.

The Eye-Catcher: Webflow

Client Example: Apiary Life

Quite simply, Webflow is a digital designer's dream. The in-browser design tool essentially blends visual design with code, allowing designers to design and develop at the same time. What's more, the platform allows for complex interactions and animated transitions, leveraging the power of CSS and JavaScript in a code-free environment.

Meanwhile, the platform also offers a simple interface for editors, allowing users to update page content and CMS collections without interfering with design elements, layouts, or other settings. Paired with super-simple and reliable hosting plans, Webflow is an appealing option for enhancing design and user experience while simplifying just about everything else.

Best for: Marketing websites that wow users with polished design, animations, and interactions.

Why we love it:

  • Powerful tools for design and interaction
  • Robust content structures for collection types
  • Intuitive editor interface
  • Allows for rapid project turnaround
  • Seamless client handoff experience
  • Plentiful support documentation

Drawbacks:

  • Limited options for multiple admin users
  • Not ideal for large e-commerce stores with lots of SKUs
  • Support limited to email

The E-Comm Powerhouse: Shopify

Client example: Oak & Oscar

Born in Canada, loved by 1.2 million people, there are few platforms on the block like Shopify. Known for its robust e-commerce experience that’s baked into the core codebase, it truly is a powerhouse that allows for efficient product/fulfillment management and a finely-tailored user experience. Think of it as your command center, where you have an overabundance of key product data at your fingertips that combines seamlessly with site development, and Shopify’s laboriously optimized checkout flow. Wholly customizable, clients have the ability to deliver a premium experience that reflects their brand—all while having a streamlined backend.

We also love that the details that can make e-commerce a real headache to manage—shipping, fulfillment, payment processing, discounts, point of sale—are all built into the platform, so that you have access to everything you need from your dashboard. And much like Squarespace, Shopify’s documentation of features, settings, and how-to’s is expansive, with robust live support to match.

Additionally, Shopify’s expansive app store puts limitless integrations and features at your fingertips. Referral programs, loyalty programs, shoppable Instagram galleries, product bundling...if you can imagine it, it’s likely in the app store.

Best for: Ambitious stores and brands that require deep functionality, fulfillment, and have a wide range of SKUs.

Why we love it:

  • Robust e-commerce experience
  • Powerful extensions
  • Streamlined e-commerce management
  • Shopify is constantly improving its features and tools
  • Empowers business owners with data and analytics

Drawbacks:

  • Lacks a native pagebuilder for easy template development
  • Replicating content templates can be time-consuming; geared for e-commerce over original content layouts

The Brand-Builder: Squarespace

Client Example: BurnCycle

Squarespace, notable sponsor of just about every other large-audience podcast you’ll listen to these days, prides itself on being two things: accessible and easy-to-use. That holds true, making it one of the major players in the small business and upstart e-commerce arena. It features a WYSIWYG editor with a wide range of content blocks that makes it relatively painless to pick up.

Couple that with an intuitive admin panel that also gives access to a few internal marketing tools (email campaigns, forms) or external add-ons, and you’ve got a strong out-of-the-box option. Even better, you can pop open the hood to take your style and function further with CSS customization or custom code blocks that allow for unique content types.

Best for: Simple, branded websites that need to make an impact with marketing and with limited e-commerce function.

Why we love it:

  • Templates allow for rapid project turnaround
  • Seamless client handoff experience
  • Plentiful support documentation and 24/7 support
  • Built-in mobile styling
  • Native integrations with Typekit and Unsplash
  • Incredibly manageable without coding expertise

Drawbacks:

  • Narrow sandbox options
  • Not ideal for large e-commerce stores with lots of SKUs
  • Limited flexibility with animation, interactions, and extended coding

To the Future & Beyond: Welcome to JAMstack!

Attempting to look forward in the middle of a web revolution isn’t easy. As we mentioned up top, there is an endless flood of new tools, technologies, and product pivots (GoDaddy landing pages? Mailchimp postcards?) all vying for attention. Despite the analysis paralysis, there’s one new “platform” we’re confident in: None. JAMstack, a newly-coined term that stands for Javascript, APIs, and markup, is more of an approach to building sites than the previously standard all-in-one solution. Essentially, you choose what you like and what you need: a frontend framework like React, a server, different API functions, and a CDN (content delivery network); managed from a plethora of lean CMS options, then delivered to users.

It’s a fast and flexible approach that’s more future-proof as it doesn’t rely on one solution to handle the entirety of your site. Instead of one platform holding the key, you can pull from myriad places to create a bespoke solution. As things come and go, you can retool or pull in extended functions to help build the most efficiently served website. For clients, it means less reliance and management as well as more security. For users, it means speed. Win win!

Best for: Ultimate flexibility and picking the right tools (both front- and back-end) for your specific project

Why we love it:

  • Fast and flexible
  • Choose what you like and what you need

Drawbacks:

  • While managing content is intended to be easy, building any site or app is entirely in the hands of a design and development team
  • Some inherent complexity with utilizing multiple APIs

The Others

Why don’t you see WordPress on this list? Wix? Well…it’s complicated. These are platforms that we DO work with, and very well may be the best option for many businesses. But the benefits are a little more nuanced, and the use cases a little more narrow.

So...what’s best for you?

What’s best for you, of course, depends on what you need. We expend a lot of effort internally to make sure our aforementioned toolbelt is laser-focused on a wide range of platforms that help us deliver the right solutions and results for clients. No two projects are the same, and we take pride in helping everyone find the right fit for their business goals.