- Để 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:
- Truy cập trang http://fortawesome.github.io/Font-Awesome/ và chọn Download.
- Giải nén ra và copy toàn bộ file css, file font vào trong project.
- 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