Twenty Nineteen: Calendar block font-family issue.

[viralsampat]

Hello Team,

I have checked "Calendar" block and I found that its font-family is not appear properly into the "twentynineteen" theme.

The calendar block font-family are not same into the front-end & back-end, So, I think that it should be same at both(Front-end & Editor-end).

I have tested this into the below mentioned configurations:

• WordPress version: WordPress 6.8.0 running
• Theme: Twenty Fifteen
• Browser: Google Chrome, Version 135.0.7049.96 (Official Build) (arm64)
• Device: MacBook Air M1
• OS: macOS 15.4.1 (24E263)
• Gutenberg plugin: Version 20.6.0

For better understanding, here I have attached its screenshots.

Thanks,

[viralsampat]

Back-end:

[viralsampat]

Front-end

[khushipatel15]

place this code snippet in functions.php and see if it works.

<?php
function twenty_nineteen_custom_calendar_styles() {
    wp_enqueue_style( 'twenty-nineteen-calendar-styles', get_template_directory_uri() . '/css/calendar-styles.css' );
}
add_action( 'enqueue_block_editor_assets', 'twenty_nineteen_custom_calendar_styles' );

[viralsampat]

I have checked above mentioned issue and I have resolved it and added patch. Also, I have attached screenshot after resolved this issue.

[viralsampat]

After resolved issue Back-end:

[viralsampat]

After resolved issue front-end:

[sabernhardt]

​PR 571 set the table fonts to match headings. On the front, that works for any table elements, but the editor styles only apply to Table blocks. The editor styles should be updated (SCSS and CSS), not the front.

The Calendar block was not available yet with WordPress 5.0, but the font would have been incorrect for tables in the Classic Editor at that time.