Skip to content

Commit

Permalink
Fix Vietnamese Text Display
Browse files Browse the repository at this point in the history
### 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.
  • Loading branch information
haikbvn authored Apr 5, 2024
1 parent 1cedeb3 commit a7fed3b
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions src/assets/css/tailwind.css
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down Expand Up @@ -131,4 +131,4 @@ pre {

.input-label {
@apply ml-1 text-sm text-gray-600 dark:text-gray-200;
}
}

0 comments on commit a7fed3b

Please sign in to comment.