# Độ dày phông chữ

## 1. Mục tiêu

Giúp người thiết kế thay đổi độ dày mỏng của nét chữ cho các thành phần văn bản. Mục tiêu chính là tạo ra sự tương phản thị giác, nhấn mạnh các thông điệp quan trọng và cải thiện khả năng đọc cho người dùng trên các thiết bị khác nhau.

## 2. Khi nào dùng

Bạn nên sử dụng tính năng Font Weight trong các trường hợp sau:

* Nhấn mạnh tiêu đề: Sử dụng các mức độ dày như Bold, Extra Bold hoặc Black cho các tiêu đề chính (Headline) để thu hút sự chú ý ngay lập tức.
* Nội dung văn bản: Sử dụng mức Regular hoặc Light cho các đoạn văn dài để tạo cảm giác dễ chịu, không gây mỏi mắt cho người đọc.
* Phân cấp thông tin: Sử dụng Semi Bold hoặc Medium cho các tiêu đề phụ hoặc các từ khóa cần làm nổi bật trong đoạn văn.
* Tối ưu nút bấm (Button): Thường sử dụng độ dày Medium hoặc Bold để chữ trên nút bấm trông vững chãi và rõ ràng hơn.

## 3. Các bước thực hiện

Để điều chỉnh độ dày của chữ, bạn thực hiện theo trình tự sau:

* Bước 1: Chọn thành phần văn bản hoặc nút bấm cần thay đổi trên giao diện.

<figure><img src="/files/bFNZdxR2rD18oG3zuZh7" alt=""><figcaption></figcaption></figure>

* Bước 2: Tại bảng thuộc tính bên phải, tìm đến mục Weight (mặc định thường hiển thị là *Regular* hoặc *unset*).
* Bước 3: Chọn vào ô danh sách để hiển thị các tùy chọn độ dày từ mỏng đến dày (Thin, Light, Regular, Medium, Semi Bold, Bold, Black...).

<figure><img src="/files/a2KTc6Ey0jKBBN3PjIsC" alt=""><figcaption></figcaption></figure>

* Bước 4: Chọn mức độ dày phù hợp với mục đích thiết kế của bạn.
* Bước 5: Quan sát sự thay đổi trực tiếp trên màn hình và điều chỉnh lại nếu nét chữ quá dày gây lấn át các thành phần khác.

## 4. Lưu ý

* Sự hỗ trợ của phông chữ: Mỗi loại phông chữ (Font Family) sẽ hỗ trợ các mức độ dày khác nhau. Một số phông chữ chỉ có mức Regular và Bold, trong khi các phông chuyên nghiệp như *Roboto* hay *Montserrat* sẽ có đầy đủ từ Thin đến Black.
* Đừng quá lạm dụng: Tránh sử dụng quá nhiều mức độ dày khác nhau trên cùng một trang. Thông thường, chỉ cần 2-3 mức (ví dụ: Bold cho tiêu đề và Regular cho nội dung) là đủ để tạo nên một giao diện sạch sẽ.
* Khả năng hiển thị: Các nét chữ quá mỏng (*Thin* hoặc *Extra Light*) có thể bị mờ hoặc khó đọc trên các màn hình có độ phân giải thấp hoặc dưới ánh sáng mạnh. Hãy kiểm tra kỹ trên thiết bị di động.
* Tương quan với màu sắc: Chữ càng dày thì màu sắc trông sẽ càng đậm hơn. Nếu bạn dùng nét Bold, hãy cân nhắc điều chỉnh màu sắc nhẹ lại một chút nếu cảm thấy nó quá nặng nề.

###


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mhiring.vn/mcms/thiet-ke-van-ban/kieu-chu/do-day-phong-chu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.