Thuộc tính font-kerning

Thuộc tính font-kerning thiết lập khoảng cách giữa các chữ cái trong một từ. Thuộc tính có thể nhận các giá trị: auto (mặc định, do trình duyệt quyết định), normal (áp dụng khoảng cách chữ cái) và none (không áp dụng khoảng cách chữ cái).

Cú pháp

cssbộ chọn {
  font-kerning: auto hoặc normal hoặc none
}

Ví dụ

Hãy thiết lập khoảng cách chữ cái mặc định cho văn bản của chúng ta:

html<h1>Tiêu đề</h1>
<div>văn bản văn bản văn bản</div>

cssh1 {
  font-size: 40px;
  font-kerning: auto;
}
div {
  font-size: 18px;
}

Результат:

Ví dụ

Bây giờ hãy thiết lập khoảng cách chữ cái:

html<h1>Tiêu đề</h1>
<div>văn bản văn bản văn bản</div>

cssh1 {
  font-size: 40px;
  font-kerning: normal;
}
div {
  font-size: 18px;
}

Результат:

Ví dụ

Hãy loại bỏ khoảng cách chữ cái cho văn bản của chúng ta:

html<h1>Tiêu đề</h1>
<div>văn bản văn bản văn bản</div>

cssh1 {
  font-size: 40px;
  font-kerning: none;
}
div {
  font-size: 18px;
}

Результат:

Xem thêm