Share Tự động thay đổi kích thước phông chữ theo kích thước màn hình với thư viện jQuery.fontFlex

filiallion

Administrator
Staff member
Administrator
Messages
585
Points
10
Language
Tiếng Việt
Với CSS các bạn hoàn toàn có thể thực hiện việc thay đổi kích thước phông chữ thích hợp tuỳ theo kích thước của màn hình. Tuy nhiên đôi lúc việc sử dụng CSS lại không hoàn toàn đáp ứng được một vài yêu cầu nào đó hoặc cũng có thể vì một lí do nào đó mà CSS không đáp ứng được. Với thư viện jQuery.fontFlex mà tôi giới thiệu với các bạn sẽ giúp cho các bạn có thêm một lựa chọn nữa trong việc thiết kế giao diện website. Thư viện jQuery.fontFlex sẽ tự động nhận diện độ rộng của màn hình thiết bị và thay đổi kích thước phông chữ theo cài đặt mà các bạn đã khai báo.

Thư viện jQuery.fontFlex cực kỳ gọn nhẹ, là một plugin của jQuery nên khi sử dụng thư viện jQuery.fontFlex các bạn cần phải tích hợp thư viện jQuery vào website trước. Các bạn có thể tải thư viện jQuery.fontFlex tại địa chỉ https://github.com/nathco/jQuery.fontFlex.

Các bạn tích hợp thư viện jQuery.fontFlex vào website với nội dung mã lệnh như sau:
HTML:
<script src="path/to/jquery.min.js"></script>
<script src="path/to/jQuery.fontFlex.js"></script>
Và cài đặt thư viện jQuery.fontFlex như ví dụ sau:
JavaScript:
$(function() {
    $('body').fontFlex(16, 20, 32);
    $('h1').fontFlex(20, 32, 48);
});
Các bạn có thể xem demo của thư viện jQuery.fontFlex tại địa chỉ https://code.nath.co/fontFlex.
 
Back
Top