issue: The font family of .font-primary cannot be vertically centered in Chinese #5449

Closed
opened 2025-11-11 16:21:24 -06:00 by GiteaMirror · 1 comment
Owner

Originally created by @ShirasawaSama on GitHub (Jun 5, 2025).

Check Existing Issues

  • I have searched the existing issues and discussions.
  • I am using the latest version of Open WebUI.

Installation Method

Git Clone

Open WebUI Version

v0.6.13 (also dev)

Ollama Version (if applicable)

No response

Operating System

MacOS 15.5

Browser (if applicable)

Edge 137.0.3296.52

Confirmation

  • I have read and followed all instructions in README.md.
  • I am using the latest version of both Open WebUI and Ollama.
  • I have included the browser console logs.
  • I have included the Docker container logs.
  • I have provided every relevant configuration, setting, and environment variable used in my setup.
  • I have clearly listed every relevant configuration, custom setting, environment variable, and command-line option that influences my setup (such as Docker Compose overrides, .env values, browser settings, authentication configurations, etc).
  • I have documented step-by-step reproduction instructions that are precise, sequential, and leave nothing to interpretation. My steps:
  • Start with the initial platform/version/OS and dependencies used,
  • Specify exact install/launch/configure commands,
  • List URLs visited, user input (incl. example values/emails/passwords if needed),
  • Describe all options and toggles enabled or changed,
  • Include any files or environmental changes,
  • Identify the expected and actual result at each stage,
  • Ensure any reasonably skilled user can follow and hit the same issue.

Expected Behavior

Chinese content should be correctly centered vertically.

Image

Actual Behavior

The Chinese content is not correctly vertically centered, but slightly above the centerline.

Image

Steps to Reproduce

Add a model containing Chinese and English character names.

Logs & Screenshots

Image

Additional Information

We can notice that these contents all have the same class name font-primary:

Image

The Vazirmatn-Regular_Medium font can cause overall deviation of the Chinese text:

Image

After we remove this font style, the display returns to normal:

Image

Originally created by @ShirasawaSama on GitHub (Jun 5, 2025). ### Check Existing Issues - [x] I have searched the existing issues and discussions. - [x] I am using the latest version of Open WebUI. ### Installation Method Git Clone ### Open WebUI Version v0.6.13 (also dev) ### Ollama Version (if applicable) _No response_ ### Operating System MacOS 15.5 ### Browser (if applicable) Edge 137.0.3296.52 ### Confirmation - [x] I have read and followed all instructions in `README.md`. - [x] I am using the latest version of **both** Open WebUI and Ollama. - [x] I have included the browser console logs. - [x] I have included the Docker container logs. - [x] I have **provided every relevant configuration, setting, and environment variable used in my setup.** - [x] I have clearly **listed every relevant configuration, custom setting, environment variable, and command-line option that influences my setup** (such as Docker Compose overrides, .env values, browser settings, authentication configurations, etc). - [x] I have documented **step-by-step reproduction instructions that are precise, sequential, and leave nothing to interpretation**. My steps: - Start with the initial platform/version/OS and dependencies used, - Specify exact install/launch/configure commands, - List URLs visited, user input (incl. example values/emails/passwords if needed), - Describe all options and toggles enabled or changed, - Include any files or environmental changes, - Identify the expected and actual result at each stage, - Ensure any reasonably skilled user can follow and hit the same issue. ### Expected Behavior Chinese content should be correctly centered vertically. ![Image](https://github.com/user-attachments/assets/3ec08657-7a98-4f40-921e-bbd64bf2285b) ### Actual Behavior The Chinese content is not correctly vertically centered, but slightly above the centerline. ![Image](https://github.com/user-attachments/assets/4b37abd6-4436-4eca-9b15-49539ab75f50) ### Steps to Reproduce Add a model containing Chinese and English character names. ### Logs & Screenshots ![Image](https://github.com/user-attachments/assets/0839979f-50da-4f4e-8999-582fb297b4cf) ### Additional Information We can notice that these contents all have the same class name `font-primary`: ![Image](https://github.com/user-attachments/assets/b490577c-d382-4bfc-bf95-c6dd26887d28) The Vazirmatn-Regular_Medium font can cause overall deviation of the Chinese text: ![Image](https://github.com/user-attachments/assets/ac000fbc-1bc5-456e-a566-0b716e190f9a) After we remove this font style, the display returns to normal: ![Image](https://github.com/user-attachments/assets/b735060b-9bae-484f-adf7-3904d5e81ffc)
GiteaMirror added the bug label 2025-11-11 16:21:24 -06:00
Author
Owner

@tjbck commented on GitHub (Jun 5, 2025):

PR welcome but admittedly a low priority.

@tjbck commented on GitHub (Jun 5, 2025): PR welcome but admittedly a low priority.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#5449