# Kích thước và khoảng cách dòng

## 1. Mục tiêu

Giúp người thiết kế làm chủ không gian hiển thị của văn bản. Mục tiêu chính là thiết lập tỷ lệ vàng giữa độ lớn của chữ và khoảng cách giữa các dòng, tạo ra sự thông thoáng, dễ đọc và đảm bảo tính thẩm mỹ cao nhất cho mọi khối nội dung.

## 2. Khi nào dùng

Bạn nên điều chỉnh bộ đôi thông số này trong các trường hợp sau:

* Size (Độ lớn chữ): \* Sử dụng kích thước lớn (ví dụ: 32px - 48px) để tạo sự bùng nổ cho tiêu đề chính.
  * Sử dụng kích thước tiêu chuẩn (ví dụ: 14px - 16px) cho nội dung bài viết để đảm bảo người dùng không bị mỏi mắt.
* Height (Line Height - Khoảng cách dòng):
  * Tăng chỉ số này khi bạn có các đoạn văn dài để các dòng chữ không bị dính vào nhau.
  * Giảm chỉ số này đối với các tiêu đề ngắn để thông điệp trông gọn gàng và tập trung hơn.

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

Để thay đổi kích thước và khoảng cách dòng, bạn thực hiện theo trình tự sau:

* Bước 1: Chọn thành phần văn bản cần chỉnh sửa trên màn hình builder.

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

* Bước 2: Tại bảng thuộc tính bên phải, tìm đến hai mục Size và Height.
* Bước 3: Chọn vào ô Size và nhập giá trị bằng đơn vị pixel (px). Bạn sẽ thấy chữ to lên hoặc nhỏ đi ngay lập tức.
* Bước 4: Chọn vào ô Height để điều chỉnh độ giãn cách giữa các dòng.
* Bước 5: Lưu thay đổi và kiểm tra hiển thị trên giao diện di động để đảm bảo văn bản vẫn cân đối.

## 4. Lưu ý

* Tỷ lệ vàng cho Line Height: Để văn bản trông thoáng và dễ đọc nhất, bạn nên thiết lập chỉ số Height trong khoảng từ 1.4 đến 1.6 (so với kích thước chữ).
* Đơn vị px: Hãy nhớ rằng Size được tính bằng đơn vị px. Một kích thước quá nhỏ (dưới 12px) sẽ rất khó đọc trên hầu hết các thiết bị di động.


---

# 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/kich-thuoc-va-khoang-cach-dong.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.