Font Awesome là một thư viện chứa các font chữ ký hiệu hay sử dụng trong website. Font chữ ký hiệu ở đây chính là các icons mà ta thường hay sử dụng trong các layout website.
Font Pro Awesome được xây dựng thành nhiều định dạng file font khác nhau như file otf, eot, ttf, woff, svg, … Vì vậy bạn dễ dàng đưa vào sử dụng và hầu hết các hệ điều hành máy tính hiện nay đều chạy được.
Bên cạnh phông awesome, thì chúng ta cũng còn có một loại icon khác cũng tốt không kém, đó là:
Google Materials: https://material.io/tools/icons/?style=baseline
Và
Material Design Icon: https://materialdesignicons.com/
Đây là 2 icon sites phổ biến song hành cùng với Font awesome.
Download Font Awesome Pro v5.12.0
Giải nén file tải về bạn sẽ có được 2 thư mục giành cho Desktop và Web phù hợp nhu cầu sử dụng của cả Design và Front-end Dev, để dùng cho web bạn hãy up hết tất cả những file cần thiết lên host sau đó dẫn đúng link đến file css và sử dụng.
Font Awesome PRO cung cấp cho bạn các biểu tượng vector có thể tùy chỉnh kích thước, màu sắc và mọi thứ bạn có thể làm với CSS
Trong phiên bản Font Awesome PRO 5.12 được thêm vào 357 Icon mới!
Hướng dẫn sử dụng Font Awesome
Thêm font-awesome vào file html bằng cách thêm thẻ link vào thẻ head, chỉ đường dẫn đến all.css
Vào mục Icon, tìm icon mà mình muốn dùng.
Chọn vào icon muốn dùng, copy tên class và sử dụng.
Cuối cùng là paste vào website ở vị trí mong muốn.
Đối với Duotone Icons mới nhất.
Cũng như các anh em của nó Duotone Icons sử dụng class fad làm prefix. Bạn có thể truy cập link này để lấy list icon và code.
Basic markup
Bạn có thể vào link này để xem các cách sử dụng Duotone Icons khác
Version 5.12.0 Released December 10, 2019
- Updated the existing firefox icon to reflect their new brand, and added a new firefox browser icon.
- The 9-pointed icon named “haykal” was renamed to “bahai” to better match the symbol. If you were previously using the misnamed icon, rename to “bahai” when upgrading.
Nếu có thắc mắc, hãy đặt câu hỏi bằng cách comment bên dưới nhé! Hoặc bạn có thể Like và Share bài viết nếu thấy nó hữu ích <3
Nguồn: Vũ Hoàng Phúc
