Custom Fonts can be imported in a number of ways :

1: http://www.wpbeginner.com/wp-themes/how-add-google-web-fonts-wordpress-themes/ 

2: http://www.wpbeginner.com/plugins/how-to-add-awesome-typography-in-wordpress-with-typekit/

3: @font-face https://premium.wpmudev.org/blog/custom-fonts-css/

What this Article describes is how to add that font to the Salient Theme Options Panel -> Typography Section so users dont have to write up custom css for each element they want to use the new font on . 

Assuming you have the TypeKit Fonts Plugin setup and working with url earlier provided. 

Will work with @font-face as well .

Add this to your Child Theme Functions.php file or use Code Snippets Plugin to add below code :

function salient_redux_custom_fonts( $custom_fonts ) {
    return array(
        'Typekit Fonts' => array(
             'futura-pt,sans-serif' => "Futura PT"
add_filter( "redux/salient_redux/field/typography/custom_fonts", "salient_redux_custom_fonts" );

Which should make your custom font show up like this :