Kalium Documentation
HomeAccountPricingChangelog
  • Getting Started
    • Introduction
      • Before Getting Started
        • Hosting and Domain
        • WordPress Installation
        • Server Requirements
      • How To Purchase Kalium
    • Installation
      • Installing theme via WordPress
      • Installing theme via FTP
      • License Activation
      • Importing a Starter Site
      • Installing Required Plugins
      • Child Theme
      • Updating Kalium
    • License
      • Managing Licenses
      • Activation Scope
      • Prorating Plan Updates
    • Dashboard
    • Customizer
    • Migrating from Kalium 3 to 4
      • Migrating Automatically
      • Migrating Manually
  • General
    • Header
      • Layouts
      • Custom Header
        • Elements
      • Styling
      • Top Bar
      • Sticky Header
      • Mobile Menu
      • Other Options
      • In Page Options
    • Footer
      • Adding/Editing Content
      • Styling
    • Sidebars
      • Troubleshooting Sidebar
  • Post Types
    • Blog
      • Blog Page
      • Post Page
      • Creating a Blog Page
      • Creating a Blog Post
    • Portfolio
      • Portfolio Page
      • Project Page
      • Creating a Portfolio Page
      • Creating a Portfolio Item
        • Side Portfolio
        • Columned
        • Carousel
        • Zig Zag
        • Fullscreen
        • Lightbox
        • Design Your Own
    • WooCommerce
      • General Settings
        • Mini Cart
        • Free Shipping Bar
        • Product Badges
      • Product Catalog
        • Product Card
      • Product Page
      • Product Images
      • Cart & Checkout
      • My Account
      • Store Notice
    • Search Results
  • Typography
    • Fonts
      • How to Add a Font
        • Adding Adobe Fonts
        • Adding Self-Hosted Fonts
        • Adding External Fonts
      • Custom Selectors
      • Advanced Settings
    • Font Sizes
    • Typography Settings
  • Styling
    • Brand and Logo
    • Colors
    • Buttons
    • Forms
    • Layout
    • Link Styles
    • Site Frame
  • Translation
    • Translation introduction
    • Translating with WPML
    • Translating with Loco Translate
    • Translating with Poedit
    • Adding a Language Switcher
    • RTL Languages
  • Other
    • Social Icons
    • Image Placeholder
    • Breadcrumbs
    • Scroll to Top
    • Maintenance Mode
    • Lightbox
    • Custom CSS
  • Troubleshooting
    • Manage Options in Customizer
    • Bad Hosting Environment
Powered by GitBook
On this page
  • 1. Add a New Font
  • 2. Choose the Font Source
  • 3. Select Your Font
  • 4. Select Variants
  • 5. Apply the Font
  1. Typography
  2. Fonts

How to Add a Font

PreviousFontsNextAdding Adobe Fonts

Last updated 9 months ago

This guide will show you how to easily add and manage fonts on your site. The steps are simple and straightforward, so you can quickly choose and apply fonts to get the look you want for your site.

Let's add a new font, navigate to Kalium -> Typography from the WordPress admin dashboard.

This guide covers Google Fonts, Premium Fonts, and System Fonts. For information on , , and , please refer to the other articles.

1. Add a New Font

Click on the "+ Add Font" button to start adding a new font.

2. Choose the Font Source

Select the font source from the available options, such as Google Fonts, Premium Fonts, Adobe Fonts, Self Hosted Fonts, External Fonts, or System Fonts. The options you see will depend on the font source you choose.

3. Select Your Font

In the left panel, browse through the available fonts or use the search option to find a specific font. You can also filter fonts by categories such as serif or sans-serif. Once you find the font you want, select it.

4. Select Variants

On the right side, you’ll see the variant selector. Choose the specific variant of the font you wish to use, such as Regular, Bold, or Italic. If you don’t need a particular variant, it’s best not to select it, as unnecessary variants can impact your site’s performance.

5. Apply the Font

Decide where you want the font to be applied, such as "Sitewide," "Headings," or "Paragraphs." By default, the font will be applied sitewide. If you want to use different fonts for different sections, you can customize the settings to apply one font to headings and another to paragraphs, or adjust as needed.

That’s all for the basic font setup. Be sure to save your changes by clicking the Save Changes button. The additional options available, such as Conditional Loading and Overwriting Font Settings, are more advanced and not necessary for loading a font but can be explored if you need more control over font management.

Adobe Fonts
External Fonts
Self-Hosted Fonts