3 bộ icon Font tốt nhất cho dân làm web

Nếu như trước đây thiết kế website chúng ta sử dụng quá nhiểu ảnh icon bitmap thì ngày nay các icon đang được thay thế bởi icon font. Icon font cũng là dạng của font chữ (text) không bị vỡ hình khi phóng to, thu nhỏ như ảnh, mà lại đảm bảo tốc độ load site.

Ưu điểm khi sử dụng iccon font

  • Tốc độ tải icon font nhanh hơn nhiều so với tải hình ảnh
  • Icon font kết hợp CSS có thể thay đổi màu sắc, kích thước dễ dàng
  • Icon font sử dụng linh hoạt không mất công sức cắt icon image từ photoshop

Icon font là gì?

Icon font thực ra chỉ là các font chữ thường dưới dạng các biểu tượng và glyphs.

Ví dụ: 5 logo thương hiệu xe hơi dưới đây đều đang sử dụng icon font của icofont.com

Có những icon font nào đáng dùng nhất?

Mình đã dùng qua nhiều bộ icon font, dưới đây là Top 3 bộ icon font mình cho là tốt nhất hiện nay.

1. Font Awesome

Đây là bộ font icon được nhiều người sử dụng nhất hiện nay bản update mới nhất Font Awesome 5.13.0 với 1588 font miễn phí và tổng 7842 font bản pro mất phí.

awesome font Font Awesome rất đầy đủ và đẹp, thuận tiện cho bất cứ người nào làm web, song khuyết điểm rất lớn của font awesome đó là: dung lượng khá lớn, nhiều icon font đẹp phải bỏ tiền mua bản pro…

2. icofont

Website daivietweb.com mình cũng đang sử dụng icofont, icoFont hoàn toàn miễn phí, icon cũng rất đẹp và đầy đủ với 2100+ icon font cho bạn tha hồ lựa chọn.

icofont

Ngoài ra, bạn có thể chọn lựa một số font nhất định để tải về sử dụng thay vì phải tải toàn bộ bộ font như Font Awesome, như vậy sẽ tiết kiệm dung lượng khá nhiều, và tất nhiên chỉ sử dụng những gì mình cần sẽ giúp web của bạn nhanh hơn.

3. Fontello

Fontello là một dự án cộng đồng mở cho phép mọi người đều có thể thiết kế và đăng tải bộ font của họ lên và chia sẻ dưới quyền CC BY (CreativeCommon).

Trên trang thạch phạm cũng đã có bài so sánh giữa Fontello và Font Awesome, bạn xem tại đây

fontello

Không giống như FontAwesome bạn sẽ phải tải cả gói font về kèm theo file css của họ để sử dụng, Fontello cho phép bạn lựa chọn những font nào cần thì mới tải về. Thậm chí Fontello còn cho phép bạn đổi tên class và code của font thay vì class cố định như 2 font trên.

Font ello rất đầy đủ, song cảm nhận từ cá nhân mình thì fontello hơi mảnh không được đẹp như Font Awesome và IcoFont.

Chuyên mục: Blog.
0 0 vote
Article Rating
Subscribe
Notify of
guest
0 Bình luận
Inline Feedbacks
View all comments
.
.
.