University
Home
Search
⌘E
Dashboard
Try Webflow — it's free
Learn
Courses
Docs
Videos
Interactive Learning
Glossary
Certifications
Engage
Support
Community
Events
Forum
Accessibility
Switch to Light mode
Switch to Dark mode
High contrast
Glossary
Custom font

Custom font

A custom font is any non-system-default typeface you manually upload to your website. You can find them on free font websites or font-hosting services like Google Fonts. Custom fonts usually appear in OpenType Font (OTF), Web Open Font Format (WOFF), or TrueType Font (TTF) formats. More formats exist, but these 3 are the most common and compatible with browsers. 

In Webflow, go to Site settings > Fonts to upload your fonts of choice. Then you can use them throughout your website to add a unique touch and help your design stand out. Manage your fonts by navigating to Style panel (S) > Typography.

Relevant courses

CSS grid in Webflow

An overview of CSS grid. Use the grid layout in Webflow to get more control over your designs and create powerful, responsive layouts — faster.

Interactions & animations course

Learn how to animate multiple elements managed on a single timeline — bring your designs to life with rich, sequenced interactions and animations.

Figma to Webflow

Learn the entire design process from idea to final output as we take you through Figma, Cinema 4D and Octane, and Webflow.

Localize your site in Webflow

Learn how to localize a site for different languages and regions. Translate text, customize and manage content, and optimize SEO settings, so your site reaches a wider audience.

Full site build

Learn how to design and develop a CMS-driven website built around the needs of your client and their audience — and execute a successful launch.

CMS & dynamic content

Learn how to use Webflow CMS to build completely custom websites powered by dynamic content, and define your content's structure and style.

Other glossary terms

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Style panel

→
The first tab in the right-side panel that allows you to assign classes to elements and style them.

Wrapper

→
A wrapper is a programming language function for encapsulating and organizing elements within a well-defined interface.

Beacon

→
A beacon — also called a web beacon or web bug — is an HTML-embedded object that tracks user behavior on a web page.

Jank

→
Jank describes subpar functionality in a web interface that hinders or disrupts user activity.

Made in Webflow

→
Made in Webflow showcases Webflow sites made by individuals and teams.

Margin

→
Margins are an essential spacing element of web design, dictating the amount of whitespace between a box and its surroundings.
Hmm…we couldn’t find any results. Try a different search term or reset the filter.
Reset the filter
Load more