[Resolved] Adding font do not work

Hi there,

which fonts are you trying to add ?

What file types are you trying to upload ? eg. woff, ttf etc.

Hi Bart,

It may be that a security plugin or security mod on your server is stopping those from being uploaded.

If you want to upload that, try accessing your wp-config.php file through FTP then add define('ALLOW_UNFILTERED_UPLOADS', true); inside the file.

Alternatively, unless you need very specific TTF styling options you may want to consider just loading .woff and .woff2 fonts instead as they are supported across all modern browsers.

And if you only have ttf fonts you can use a font convertor like the one at Font Squirrel to convert them: https://www.fontsquirrel.com/tools/webfont-generator

You will need to write your own @font-face CSS.
Heres a template you can use for each font / font variant you have uplaoded:

@font-face {
    font-family: 'Your Font name';
    src: url('the_full_url_to_the_font_folder/fontname.woff2') format('woff2'),
         url('the_full_url_to_the_font_folder/fontname.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

If you select the font in the Media Library it will provide you the Full URL.

Now in Typography > Font Manager.
In the FONT FAMILY NAME field just type in the Name you added in your @font-face CSS font-family.
DO NOT Toggle the Google Font API and just click add.

Then when you add New Typography you will be able to select your custom font

You can tell WordPress to load the fonts in the editor by adding a PHP function.
Did you add the @font-face CSS to the Customizer > Additional CSS?

If so add this PHP Snippet:

add_filter( 'block_editor_settings_all', function( $editor_settings ) {
    $css = wp_get_custom_css_post()->post_content;
    $editor_settings['styles'][] = array( 'css' => $css );

    return $editor_settings;
} );

If you added the CSS elswhere let me know.

For justifying text, where do you want to apply it ?
Is it across the site or just for specific paragraphs ?

If you use a GenerateBlocks Headline block when you want Justified text, you can a) change the heading tag from a H2 to any text tag including the p and b) in its text align options it has justified.