Hi Octavio,

We have not tested any plugin for this, so that we can not confirm how it would work. We can only guarantee for plugins that we included.

1) Go to your theme folder/functions.php and paste this code:

if (!function_exists('additional_font_styles')) {
function additional_font_styles () {
wp_enqueue_style('your_font_name', 'the_url');
}
add_action('wp_enqueue_scripts', 'additional_font_styles');
}

Adjust the your_font_name to your preference and the_url to the proper URL path to the fonts' files.

This handles the API call to your webfont. We suggest that you do this in your child theme and its functions.php file in order to preserve this alterations upon theme update.

Next, with CSS code apply this font to any part of the website you might want with font-family property.

For example paste this code below into your admin Elated Options > General > Custom Code > Custom CSS field

body, h1{font-family: 'YourFont', sens-serif;}

2) To add custom font, you can use the @font-face rule. This method is covered in more detail here:

https://css-tricks.com/snippets/css/using-font-face/

First you have to upload font files to your server in all required formats. As you can see from the link above, the most important formats are woff, woff2, truetype - they should cover most browsers.

Then you have to paste the following code into Elated Optons -> General -> Custom CSS field:

@font-face {
 font-family: 'MyWebFont';
 src: url('webfont.woff2') format('woff2'),
 url('webfont.woff') format('woff'),
 url('webfont.ttf') format('truetype');
}

Just put absolute paths (URLs) to your font files.

The easiest is to upload your font files via FTP to the css folder on the following path:

wp-content/themes/bridge/css

In this case, you just have to put the font file name as the path in your custom CSS, because the path is relative to the CSS file:

url('put_the_font_file_name_here')
Unfortunately, this will not add your font to the list inside Elated Options - you will have to apply it through custom css code. To apply this font to different page elements use custom CSS code similar to this:

*, body, h1, h2, h3, h4, h5, h6, p {font-family: 'MyWebFont', sans-serif !important;}

Please let us know if this solved issue.

Thanks.