Custom Font not working as described

Hi there,

with your files saved like this:

zen-maru-gothic-v7-latin-regular.eot
zen-maru-gothic-v7-latin-regular.svg
zen-maru-gothic-v7-latin-regular.ttf
zen-maru-gothic-v7-latin-regular.woff
zen-maru-gothic-v7-latin-regular.woff2

You need to add the @font-face CSS as described here:

https://docs.generatepress.com/article/adding-local-fonts/#using-font-face

Heres an example of that CSS:

@font-face {
    font-family: 'Your font name';
    src: url('the_full_url_to_the_font_file/font-name.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('the_full_url_to_the_font_file/font-name.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('the_full_url_to_the_font_file/font-name.woff2') format('woff2'), /* Super Modern Browsers */
         url('the_full_url_to_the_font_file/font-name.woff') format('woff'), /* Modern Browsers */
         url('the_full_url_to_the_font_file/font-name.ttf') format('truetype'), /* Safari, Android, iOS */
         url('the_full_url_to_the_font_file/font-name.svg#Comfortaa') format('svg'); /* Legacy iOS */
}

you need to update the font-family and the URLs to where your fonts are located

Thank you David,

the 2 problems are.

a) When uploading the file zen-maru-gothic-v7-latin-regular.ttf i get the error message, that i am not allowed to upluad this filetype.

b) Isn't it possible to use the Font "Yu Gothic UL light" just by uploading the file yugothil.ttf? Which is also denied with "not allowed Filetype" Errormessage.

I wonder why i cannot upload .ttf filetypes...

Best regards and thank you, Sven

I wonder why i cannot upload .ttf filetypes…

It's not allowed by WP for security reason.

Check the Uploading our font section of the documentation:
https://docs.generatepress.com/article/adding-local-fonts/

If you want to upload the font file to media library, you'll need to add the PHP code.
Adding PHP: https://docs.generatepress.com/article/adding-php/

Thank you Ying, but that is exactly what i did.

My Code Snipped looks like this:

add_filter( 'upload_mimes', function( $mimes ) {
    $mimes['woff']  = 'application/x-font-woff';
    $mimes['woff2'] = 'application/x-font-woff2';
    $mimes['ttf']   = 'application/x-font-ttf';
    $mimes['svg']   = 'image/svg+xml';
    $mimes['eot']   = 'application/vnd.ms-fontobject';

    return $mimes;
} );

All files exept the ttf File can be uploaded.

Thats why i was wondering if the Documentation is still valid. I will try another font and try everything again and give a feedback.

Thank you for now, Sven

upload_mimes is a WP filter, GP doesn't have the control on how this filter works.

As far as I can see, the code should work, but maybe WP changed something so ttf files are not allowed anymore?

For your reference: https://developer.wordpress.org/reference/hooks/upload_mimes/

I am also trying to upload those file following the instruction
and I am having the exact same error.

There are 5 files, but after adding the code you told us, only one file is not allowed to upload, which is ttf file.

By adding code to php function, we are supposed to be allowed to upload those files, but for a reason, only the ttf file is not allowed.

I think in other file, there might be another code that doesn't allow to upload ttf file. So, we need to find the code and remove the code and upload it and make the code again. But I don't know what the code is and where the code is.

Hi Jusung,

Try accessing your wp-config.php file through FTP then add define('ALLOW_UNFILTERED_UPLOADS', true); inside the file.