Tuesday, August 28, 2018

Thư viện font awesome

- Để tạo ra các icon trên trang web một cách dễ dàng, chúng ta có thể sử dụng thư viện Font Awesome. Đó là 1 bộ font nhưng với các ký tự là các icon. Tạo icon theo cách này sẽ có những lợi ích rất lớn mà 1 ảnh không làm được như:
  • Dung lượng nhỏ, tùy chỉnh kích thước tùy ý mà không bị vỡ hình
  • Áp dụng được các thuộc tính CSS dành cho font như: màu sắc, đổ bóng, ...
- Cài đặt:
  1. Truy cập trang http://fortawesome.github.io/Font-Awesome/ và chọn Download.
  2. Giải nén ra và copy toàn bộ file css, file font vào trong project.
  3. Link đến file css font-awesome.min.css
- Sử dụng: Sử dụng các class sẵn có lên trên các inline element như <i>, <b>, ... Ví dụ:
Đây là icon cốc bia <i class="fa fa-beer"></i> <br/>
Đây là icon quyển sách <i class="fa fa-book"></i>
 - Tham khảo danh sách các icon của Font Awesome: http://fortawesome.github.io/Font-Awesome/icons/

No comments:

Post a Comment