Đồ họa 610

Tải về bộ Font Awesome Pro v5.12.0 Miễn Phí cho Desktop và Web

   

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

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

<link rel="stylesheet" type="text/css" href="icon/css/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

<div class="fa-3x">
<i class="fad fa-camera"></i> <!-- a duotone style camera icon -->
<i class="fad fa-fire-alt"></i> <!-- a duotone style fire-alt icon -->
<i class="fad fa-bus-alt"></i> <!-- a duotone style bus-alt icon -->
<i class="fad fa-fill-drip"></i> <!-- a duotone style fill-drip icon -->
</div>

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

BÀI VIẾT LIÊN QUAN