Tôi là người mới bắt đầu phát triển web và gần đây tôi đã bắt đầu làm việc với Twitter Bootstrap, tôi biết nó sử dụng Glyphicons mà tôi đã biết cách sử dụng. Nhưng tôi cũng đã xem qua Font Awesome nói rằng nó được xây dựng cho Bootstrap.
Đâu là sự khác biệt giữa cả hai? Ý tôi là một trong những thay thế cho cái kia? Hay bạn nên sử dụng chúng ở những nơi khác nhau?
Câu trả lời:
Trong Bootstrap 2.xx Glyphyicons là ở định dạng hình ảnh, do đó bạn không thể tăng kích thước, thay đổi màu sắc, background-color, vv một cách dễ dàng. Tuy nhiên, font-awesome cung cấp cho bạn các biểu tượng vector có thể mở rộng và có thể được tùy chỉnh ngay lập tức - kích thước, màu sắc, bóng đổ và bất cứ thứ gì có thể được thực hiện với sức mạnh của CSS.
Font-awesome thực sự là một giải pháp thay thế cho Glyphyicons đang được cập nhật thường xuyên với các biểu tượng mới. Fat và Mdo đang có kế hoạch tích hợp Font-awesome trong phiên bản bootstrap 3 để thay thế cho Glyphyicons.
Đề xuất của tôi là bạn sử dụng bootstrap với phông chữ tuyệt vời. Đầu tiên hãy bao gồm bootstrap css và sau đó là css Font-awesome, để các Glyphyicons sẽ được ghi đè bởi font-awesome.
CẬP NHẬT
Trong phiên bản bootstrap 3.xx glyphicons trở thành định dạng phông chữ, sẽ hiển thị đẹp ngay cả ở kích thước phông chữ 12px. Nếu bạn đang sử dụng phiên bản mới nhất của fontawesome, tức là 4.01, bạn có thể sử dụng cả hai glyphicons với fontawesome.
Phông chữ Tuyệt vời: - Hơn 150 biểu tượng khác - Pixel hoàn hảo ở phông chữ bootstrap mặc định (14px) - Các biểu tượng không có cùng kích thước và yêu cầu css tùy chỉnh cho từng biểu tượng để căn chỉnh - Có danh sách đầu dòng, xoay (có thể thêm bằng css3), biểu tượng xếp chồng và hoạt ảnh spinner (có thể được thêm theo cách thủ công) Glyphyicons: - Ít biểu tượng hơn - Pixel Perfect ở kích thước phông chữ lớn hơn (16px) - Các biểu tượng cùng kích thước
xem: http://tagliala.github.io/vectoriconsroundup/
Font awesome là một tập hợp các biểu tượng vectơ có được bằng cách sử dụng một phông chữ cụ thể và một số css để tạo ra "phép thuật", Glyphicons sử dụng kỹ thuật sprite-css.
Bạn có thể sử dụng cả hai, chỉ cần thêm tệp css sau tệp Bootstrap.
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
Nếu bạn không muốn có glyphicons mà chỉ cần một phông chữ tuyệt vời, bạn nên vào đây và tùy chỉnh tải xuống Bootstrap của mình để tải xuống mà không có glyphicons.