Issue Summary

Currently, Atlassian Sand and Mono have been released.

• https://atlassian.design/foundations/typography/product-typefaces-and-scale

However, Atlassian Sand and Mono don't support CJK (Chinese, Japanese, Korean) characters, and the rendering of CJK characters is handled by the system fonts of the OS or browser. As a result, on Jira sites where Atlassian Sand and Mono are implemented, there is a layout issue within code snippet due to inconsistencies in character width between Atlassian Sand and Mono and the CJK characters rendered with OS fonts.

For example, when using the code macro for tables in the following link.

• How to display the user profile information in Confluence via SQL query

It's desired that the following display when including Japanese text.

 username | first_name | last_name |             entity_key             |    string_val     |
----------+------------+-----------+------------------------------------+-------------------
 テスト   | テスト     | 山口      | ＡＢＣＤＥＦＧＨＩＪＫＪＬＭＮＯＰ | 東京都千代田区    |
 framsey  | Frank      | Ramsey    | confluence.user.profile.phone      | +61-2-92621443    | 
 framsey  | Frank      | Ramsey    | ＡＢＣＤＥＦＧＨＩＪＫＪＬＭＮＯＰ | Sydney            |
 framsey  | Frank      | Ramsey    | confluence.user.profile.position   | Submarine Captain |
 framsey  | Frank      | Ramsey    | confluence.user.profile.department | Atlassian Navy    |

However, if you copy this text into the code snippet in Jira, the layout becomes distorted as shown below.

This issue is caused by the fact that when CJK characters are rendered, the font specified by the OS or browser is used, which is inconsistent with the width of the Atlassian Sand and Mono fonts. Therefore, supporting CJK in Atlassian Sans and Mono will resolve this issue.

Steps to Reproduce

1. Copy to followint text to code snippet in JIra.

    username | first_name | last_name |             entity_key             |    string_val     |
   ----------+------------+-----------+------------------------------------+-------------------
    テスト   | テスト     | 山口      | ＡＢＣＤＥＦＧＨＩＪＫＪＬＭＮＯＰ | 東京都千代田区    |
    framsey  | Frank      | Ramsey    | confluence.user.profile.phone      | +61-2-92621443    | 
    framsey  | Frank      | Ramsey    | ＡＢＣＤＥＦＧＨＩＪＫＪＬＭＮＯＰ | Sydney            |
    framsey  | Frank      | Ramsey    | confluence.user.profile.position   | Submarine Captain |
    framsey  | Frank      | Ramsey    | confluence.user.profile.department | Atlassian Navy    |
   

Expected Results

Consistent character width sizes prevent the layout from breaking.

Actual Results

Inconsistencies in character width sizes cause the layout to break.

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available