Share Điều chỉnh kích cỡ phông chữ tương ứng với kích thước màn hình bằng thư viện FlowType.JS

filiallion · 07/16/2018

Trong một số trường hợp các bạn muốn nội dung trên một dòng là cố định, không rớt xuống dòng khi màn hình thay đổi kích thước (Tức cố định số lượng chữ trên một dòng). Với yêu cầu như vậy thì tất nhiên khi kích thước màn hình thay đổi thì kích thước phông chữ cũng phải thay đổi theo để phù hợp với màn hình hiển thị. Để làm điều đó, các bạn có thể sử dụng thư viện FlowType.JS để thực hiện một cách nhanh chóng và chính xác.

Các bạn cần tích hợp thư viện jQuery vào website trước và tải thư viện FlowType.JS tại địa chỉ http://github.com/simplefocus/FlowType.JS.

Các bạn tích hợp thư viện FlowType.JS vào website với dòng lệnh như sau:

HTML:

<script src="path/to/flowtype.js"></script>

Và cài đặt thư viện FlowType.JS với nội dung mã lệnh như sau:

JavaScript:

$('body').flowtype({
    minimum: 500,
    maximum: 1200
});

Các bạn có thể tham khảo thêm về các tuỳ chọn khác của thư viện FlowType.JS tại địa chỉ http://simplefocus.com/flowtype.

Share Điều chỉnh kích cỡ phông chữ tương ứng với kích thước màn hình bằng thư viện FlowType.JS

filiallion

Administrator