Hành trình áp dụng font tùy chỉnh Pretendard

<p>- Vì sao Remember quyết định áp dụng font tùy chỉnh thay vì font mặc định <br /> → Áp dụng font tùy chỉnh có thể sử dụng thống nhất bất kể nền tảng<br /> - Các điểm cần cân nhắc <br /> → Là font miễn phí cho mục đích thương mại<br /> → Hỗ trợ nhiều độ đậm (Weight)<br /> → Hiển thị tiếng Hàn tốt trên UI<br /> - Spoqa Han Sans Neo vs. Pretendard<br /> → Kết quả đánh giá cuối cùng cho thấy Pretendard phù hợp hơn<br /> <br /> "Khi kiểu chữ hệ thống được thống nhất bất kể nền tảng, các designer không còn cần tạo thiết kế riêng cho từng nền tảng nữa; các component trong design system cũng được hợp nhất, giúp việc bảo trì trở nên dễ dàng hơn"</p>

[majorika]

<p>Cũng có một phông chữ tên là SUIT được tạo ra cho cùng mục đích.<br /> <br /> https://github.com/sunn-us/SUIT</p>;

[leewin12]

<p>Có ai biết hiện tượng “lệch dồn” được nhắc đến ở mục 3 của bài viết chính là gì không?<br /> Mình khó hiểu với ví dụ trong blog, nên đã tìm với từ khóa hiện tượng lệch dồn của font tiếng Hàn, nhưng không tìm được lời giải thích phù hợp hu hu</p>

[chanhee]

<p>Trong đa số trường hợp, khoảng trắng phía trên và phía dưới của văn bản sẽ khác nhau tùy theo từng font. <br /> Ví dụ, nếu trong một nút có chữ &quot;Xác nhận&quot; thì khi đặt `padding: 4px 10px` với khoảng trên dưới bằng nhau, thường chữ sẽ bị lệch lên phía trên. <br /> Vì vậy cũng có khi phải đặt kiểu như `padding-top: 4px; padding-bottom: 2px;`, nhưng như vậy thì mỗi khi cỡ chữ thay đổi lại phải chỉnh theo, khá mệt.<br /> <br /> Font Pretendard có vẻ có khoảng trắng trên và dưới gần như bằng nhau.</p>

[leewin12]

<p>Cảm ơn câu trả lời của Ahha!</p>

[peterkimzz]

<p>Pretendard thực sự rất tốt. Giờ tôi hoàn toàn không còn cân nhắc đến các phông chữ khác nữa.</p>

[xguru]

<p>- Pretendard - phông chữ tiếng Hàn thay thế cho system-ui có thể dùng trên mọi nền tảng https://vi.news.hada.io/topic?id=4538</p&gt;