From a7fed3b66a7ecf797a7e39bfac3c61d1952d83ff Mon Sep 17 00:00:00 2001 From: Hai Nguyen Date: Fri, 5 Apr 2024 23:01:44 +0700 Subject: [PATCH] Fix Vietnamese Text Display ### Description This pull request addresses an issue with the display of Vietnamese text by modifying the font-family property. Previously, Vietnamese text might not have been rendered correctly due to the absence of a fallback font. This change adds a fallback font option to ensure proper display across various environments. ### Code Changes ```diff - font-family: 'Inter var' !important; + font-family: 'Inter var', sans-serif !important; ``` ### Testing To ensure that the display of Vietnamese text is fixed, the following steps were taken: 1. Applied the code change locally. 2. Loaded the application with Vietnamese text content. 3. Verified that Vietnamese text is displayed correctly without any rendering issues. 4. Ensured that the change did not adversely affect the display of text in other languages. This change has been tested and confirmed to resolve the issue with Vietnamese text display. --- src/assets/css/tailwind.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/assets/css/tailwind.css b/src/assets/css/tailwind.css index 951e46bf0..56be8155f 100644 --- a/src/assets/css/tailwind.css +++ b/src/assets/css/tailwind.css @@ -37,7 +37,7 @@ html.dark { } body, :host { - font-family: 'Inter var' !important; + font-family: 'Inter var', sans-serif !important; font-size: 16px !important; font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11'; @apply bg-gray-50 dark:bg-gray-900 leading-normal; @@ -131,4 +131,4 @@ pre { .input-label { @apply ml-1 text-sm text-gray-600 dark:text-gray-200; -} \ No newline at end of file +}