Add new font to elementor

To add a new font to Elementor, you can follow these steps:

Method 1: Using the Font Manager

  1. Log in to your WordPress dashboard and go to the Elementor page.
  2. Click on the "Settings" icon (represented by a gear) in the top right corner of the page.
  3. Scroll down to the "Typography" section.
  4. Click on the "Font Manager" button.
  5. Click on the "Add Font" button.
  6. Enter the font name, font family, and font style (e.g., regular, italic, bold).
  7. Upload the font file (if it's not already hosted on a font server like Google Fonts).
  8. Click "Add Font" to add the font to your Elementor library.

Method 2: Using Google Fonts

  1. Log in to your WordPress dashboard and go to the Elementor page.
  2. Click on the "Settings" icon (represented by a gear) in the top right corner of the page.
  3. Scroll down to the "Typography" section.
  4. Click on the "Google Fonts" button.
  5. Search for the font you want to add and click on it.
  6. Click "Add to Library" to add the font to your Elementor library.

Method 3: Using a Font Plugin

  1. Install and activate a font plugin like Font Awesome or Fontello.
  2. Follow the plugin's instructions to add the font to your Elementor library.

Using the Font in Elementor

Once you've added the font to your Elementor library, you can use it in your Elementor pages and posts by following these steps:

  1. Create a new page or edit an existing one.
  2. Add a widget or section to the page.
  3. Click on the "Style" tab for the widget or section.
  4. In the "Typography" section, select the font you just added from the dropdown menu.
  5. Adjust the font size, color, and other styling options as needed.

That's it! Your new font should now be available for use in Elementor.