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.

This PR addresses a visual inconsistency in the Twenty Nineteen theme where the Calendar block (.wp-calendar-table) displays a different font-family in the block editor compared to the front-end.

### Changes:

• Adds a font-family rule to .wp-calendar-table in style-editor.scss using the existing $font__heading variable and font-family() mixin.
• Ensures consistent typography between front-end and editor.
• Rebuilds style-editor.css and style-editor-rtl.css with the updated styles.

[darshitrajyaguru97]

Test Report

Patch tested: https://core.trac.wordpress.org/attachment/ticket/63331/63331.patch

Environment:

OS: Windows
PHP: 8.2.28
WordPress: 6.9-alpha-60093-src
Browser: Chrome
Theme: Twenty Nineteen
Plugins: None activated

Actual Results:

✅ Before patch:
Backend: ​https://prnt.sc/-GxIVqwRlrIc
Frontend: ​https://prnt.sc/Ana0Qc1AtFRM

✅ After patch:
Backend: ​https://prnt.sc/-GxIVqwRlrIc
Frontend: ​https://prnt.sc/FkOQGNCImVpY

✅ Patch is working well as per desire solution

[SirLouen]

Replying to darshitrajyaguru97:

Test Report

Patch tested: https://core.trac.wordpress.org/attachment/ticket/63331/63331.patch

This is not the patch to test 🤦‍♂️
There is ​a more recent version that addresses this concern

[SirLouen]

Test Report

Description

✅ This report validates that the indicated patch works as expected.

Patch tested: ​https://github.com/WordPress/wordpress-develop/pull/8996.diff

Environment

• WordPress: 6.9-alpha-60093-src
• PHP: 8.2.28
• Server: nginx/1.27.5
• Database: mysqli (Server: 8.4.5 / Client: mysqlnd 8.2.28)
• Browser: Chrome 137.0.0.0
• OS: Windows 10/11
• Theme: Twenty Nineteen 3.1
• MU Plugins: None activated
• Plugins:
  • Test Reports 1.2.0

Testing Instructions

1. Add the calendar block to 2019 theme
2. Check the font in the frontend and editor
3. 🐞 Font differ

Expected Results

1. Both fonts are identical

Actual Results

1. ✅ Issue resolved with patch.

Supplemental Artifacts

Before patch

After patch