University
Home
Dashboard
Try Webflow — it's free
Learn
Courses
Docs
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

Webflow 101

Introducing Webflow 101, the ultimate course to learn the fundamentals of web design and development.

SEO fundamentals

An overview of search engine optimization (SEO) fundamentals and best practices — learn how to optimize your content from the start.

Freelance web design boot camp

The Freelancer’s Journey is a free, comprehensive course to help you build a successful, fulfilling freelance career in web design.

CSS layout & positioning

Dig into the world of HTML and CSS layouts — learn how they work together and get an overview of display properties like inline block and flexbox.

Webflow Ecommerce

Learn how to build and design your Webflow Ecommerce store. Customize every detail and launch a fully functional online store — without writing code.

CSS styling

Take a closer look at all the creative styling possibilities that CSS offers. Learn how to style elements visually, with the power of Webflow.

Other glossary terms

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

Minified code

→
Minified code refers to the process of removing unnecessary characters and whitespace from the source code file without affecting its functionality.

Text link

→
A typography element that is used to link to other pages or sections of a webpage.

Cryptographic hash function

→
A cryptographic hash function takes an input message of any length, such as a file, message, or password, and uses a mathematical formula to produce a fixed-size output (hash).

Content network

→
A content network is a collection of websites where advertisers can pay to display digital ads.

Valid

→
A valid CSS pseudo-class is a keyword that enables styling HTML elements based on their state or position in the document structure or web page.

Beacon

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

Total Site Pages

→
The amount of pages your site currently has.

Synchronous

→
Synchronous programming refers to sequentially executed operations.

Left margin

→
Left margin is a CSS property that defines the space between an element's left edge and its surroundings.

Publish site

→
The act of updating your live site to reflect new design changes.

RGB (Red-Green-Blue)

→
RGB, an acronym for Red, Green, Blue, is a color model that screen displays use to represent various colors.

Element

→
Elements are individual HTML components that constitute a webpage’s structure and contents.

Flex-grow

→
The flex-grow CSS property defines how much an element grows relative to other flexible items inside the same flex parent.

External link

→
External links direct users to different websites and impact a site's search engine visibility and rankings.

RSS

→
Really Simple Syndication (RSS) is a web format that automatically distributes frequently updated content to subscribers, eliminating the need for subscribers to check the website manually to stay up to date.

Top margin

→
Top margin is a CSS property that defines the space between the top edge of an element and its surroundings, such as other elements, the browser window, or the edge of a container.

Key

→
A key, or web key, is a unique identifier that authorizes access to a webpage or service.

Asynchronous

→
Asynchronous programming is an approach where programs simultaneously run multiple operations independently without waiting for previous tasks to complete.

Web server

→
A web server is a computer program or hardware device that delivers web content to clients using HTTP. It handles client requests for web pages, images, and videos.

Columns

→
Columns let you create sections of content that sit side by side on your website, like the columns in newspapers. You can choose how many columns you want and their widths. You can also control how they display on smaller screens — such as stacking them.

Abstraction

→
In object-oriented programming (OOP), abstraction conceals irrelevant details so they don’t interfere with the task at hand.

Font weight

→
Font weight refers to the thickness or density of a typeface’s strokes.

Accessibility tree

→
A webpage’s accessibility tree indicates which parts of the page are compatible with assistive technologies such as braille displays, screen readers, and voice commands.

Basic section

→
A section of the Add panel that contains the elements that act as a website's fundamental building blocks (e.g., div block, list, button, etc.).

Total Form Submissions

→
The amount of times a site visitor submits data using your site's form(s).

Call stack

→
A call stack is an ordered list of the functions (or stack frames) a program has to execute before it returns a result.

Switch field

→
Available in CMS Collections. This field offers you a powerful filtering tool for Collection items. For example, you could create a switch labeled "Featured?" for Blog Posts, and then switch on the toggle to showcase particular posts.

Callback function

→
A callback function is passed as an argument to another function and executed upon completing the latter’s task.

Duplicate element

→
To copy an element and its content, styles, and settings.

IP address

→
An IP (Internet Protocol) address is a unique string of characters identifying devices connected to the internet.

Web Accessibility Initiative (WAI)

→
The Web Accessibility Initiative (WAI) is a World Wide Web Consortium (W3C) project to enhance accessibility for users with disabilities.

Cascading rules

→
The order in which a Webflow site's CSS styles flow from desktop to mobile breakpoints.

CRLF

→
On Windows-based systems, the sequence of two ASCII characters representing a line break in text files is called "Carriage Return, Line Feed," or CRLF.

Display: grid

→
The display: grid CSS property defines a website element (such as a button or header) as a grid container.

Minimized CSS

→
A method of lowering the file size of your stylesheet(s) by removing all white space from your CSS files.

Image field

→
Available in CMS Collections. With this field, you can upload images from your computer and use them as dynamic items in your individual Collection item.

Front-end

→
The front-end refers to the visual and interactive part of a website or application that users directly interact with.

SaaS

→
Software as a Service (SaaS) is a cloud-based approach to delivering software on a subscription basis without requiring local installation.

Descendant selector

→
A descendant selector is a CSS (Cascading Style Sheets) selector that targets elements nested inside a parent element.

PNG (Portable Network Graphics)

→
PNG, short for Portable Network Graphics, is a lossless image format known for its transparency support and quality retention after compression.

Argument

→
An argument is an independent value a function receives to deliver a specific output.

Interpolation

→
Interpolation is a mathematical process that estimates and creates new values based on known values and their relationship.

Collection limits

→
By default, Collection lists display all items in a Collection, but you can add limits to control the number of Collection items that display.

Display: block

→
Display properties tell browsers how an element should behave on the page. The most common display property keyword category is display: block.

Encapsulation

→
Encapsulation is an object-oriented programming (OOP) process that combines functions and the data they manipulate into a single entity.

Header

→
A header is a section at the top of a webpage.

Plain text field

→
A plain text field is an input field for short-form text without formatting or styling.

Free plan

→
The perfect Webflow subscription for getting started, giving you access to all Designer features, so you can start building a site right away.

Flex-direction

→
Flex-direction is a CSS property that defines the main axis and direction of flex items, dictating the arrangement of the items within a flex container.

Deployment

→
In software and web development, deployment is the process of moving code from one environment to another, usually in the form of changes or updates.

Inline Frame (iframe)

→
An inline frame or <iframe> is an HTML element that embeds an HTML document within another webpage.

Workspace

→
A space to hold and access sites, members, settings, and integrations. All users start with a Workspace that can become collaborative when and as needed.

Effects

→
A section in the Style panel that houses CSS properties for changing how an element appears, such as its opacity, outline, and box shadows.

Jank

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

Delete element

→
To remove an element and its content from your website.

Homepage

→
The page people see when they visit your site's root domain. Read more about the homepage.

HyperText Markup Language (HTML)

→
A standard markup language that web browsers use to display websites.

Last published

→
The last time your site was published.

Conditional

→
Conditionals, also known as conditional statements or expressions, are coding instructions that tell a program to execute an action for a certain condition.

Radio button

→
A radio button is a form element for selecting one option from a predefined set of mutually exclusive choices.

Bottom padding

→
Bottom padding is the space between the bottom of an element and its border.

Second-level domain (SLD)

→
A second-level domain (SLD) is the part of a domain name that precedes a top-level domain (TLD).

Cipher

→
In cryptography, a cipher is a digital security algorithm that encrypts and decrypts data.

Folder settings

→
Allows you to manage your folders.

Object-oriented programming (OOP)

→
Object-oriented programming (OOP) is a programming approach that organizes code into self-contained units of data, functions, and behavior.

Save

→
The Designer automatically saves your progress every 10 seconds.

Call-to-action (CTA)

→
A call-to-action (CTA) is a website feature that prompts visitors to perform a specific action.

Language code

→
A language code is a standardized code of letters and numbers that represent different languages.

Desktop breakpoint

→
A breakpoint, or media query, is the width at which a website’s design and layout adjust to fit screens of different sizes. When designing in Webflow, breakpoints for smaller devices inherit styles from the base — or desktop — breakpoint by default.

Syntax

→
Syntax is the name for the rules specifying a programming language's structure and formatting.

Syntax error

→
Syntax error refers to a mistake in code that violates the programming language’s rules and prevents the code from executing correctly.

Unpublished change

→
A change that has been made in the Webflow Editor but will not appear on the live website until it’s published. You can track any unpublished changes on the bottom right of the Editor toolbar.

Paginate items

→
This checkbox allows you to enable or disable pagination on the selected Collection list.

Google Universal Analytics Tracking ID

→
A unique ID you can use to link your Google Analytics account to your Webflow site.

Hit

→
A hit is a request to a web server from a browser for a specific resource.

Authorized applications

→
Third-party applications that you've given access to your personal and/or website data.

Meta description

→
An HTML attribute you can use to give a short description of the contents of a webpage. Search engines often display this in results pages (SERPs).

Display: inline

→
The display: inline CSS property is a display option that controls an element’s appearance and layout.

Resolution

→
Resolution is a metric measuring clarity and detail through the number of pixels displayed on a screen or used to render an image.

Content optimization system (COS)

→
A content optimization system (COS) is software that lets you optimize website content to attract more traffic.

Span text

→
The <span> tag is used to style inline-text.

Navbar

→
A navbar, or navigation bar, is an interactive user element with a menu or a set of links to a website’s main sections.

Display: none

→
Display: none is a CSS property that hides website elements. This code tells the document flow to ignore the element entirely, making it invisible.

Cipher suite

→
A cipher suite is a collection of encryption algorithms that work together to secure a network connection.

CSS preprocessor

→
A CSS preprocessor is a program that helps developers write Cascading Style Sheets (CSS) by providing advanced features such as variables, functions, and nesting.

Locked site

→
When you have more unhosted sites in your Dashboard than your Workspace plan allows, those additional sites past your limit will be “locked” until you upgrade your plan. When you upgrade, you’ll be allowed more unhosted sites (up to the limit for your Workspace plan) and will be able to access your previously locked sites.

Button

→
A button is an interactive element that facilitates user actions.

Ligature

→
A ligature in typography groups adjacent letters or characters into one glyph.

Child

→
A child element is an element nested within a parent element in a hierarchy.

Webflow badge

→
A visible "Made in Webflow" badge displayed in the bottom right corner of Webflow sites on Starter plans.

Undo

→
To move backward one step while making changes to a Webflow site.

UI state

→
The UI state changes how Collection lists display when you’re designing. The Items state is the default option, and shows the items that you have within the Collection. The Empty state doesn’t show these items and gives the designer the opportunity to design for a circumstance if/when there is no data to be displayed in the Collection list.

Target

→
The currently selected element.

Slug

→
A slug, also known as a URL slug or a website slug, is descriptive text that appears at the end of a URL and identifies a web page.

Decryption

→
Decryption is the process of reverting encrypted data to its original format.

Height

→
Defines how tall an element can be. This can be defined in absolute terms (pixels) or relative terms (ems, rems, percentages, viewport-height, or viewport-width).

Literal

→
In JavaScript, literals are fixed values written directly into the code.

Class

→
A class is a template that defines variables for objects with similar properties.

CSS (Cascading Style Sheets)

→
Cascading Style Sheets (CSS) is a web development language that controls the appearance of elements on a webpage.

Optimizely

→
A web app that helps you measure how different site designs impact user behavior.
Hmm…we couldn’t find any results. Try a different search term or reset the filter.
Reset the filter
Load more