Sau đây mình xin hướng dẫn sử dụng Font Awesome một cách đơn giản nhất mà bất cứ ai cũng có thể làm được.
Đầu tiên các bạn cần biết font awesome là gì ?
Font Awesome là thư viện cung cấp hàng trăm Icons cho Website hoặc Blog. Với những Icons này bạn hoàn toàn có thể tùy biến bằng CSS từ màu sắc, hiệu ứng,…giống như một kí tự bình thường. Ưu điểm của Font Awesome là không ảnh hưởng đến tốc độ tải trang, miễn phí,…Do đó, bạn hoàn toàn có thể sử dụng cho Blog hay Website của mình.
Cách sử dụng font awesome như thế nào ?
Bạn có thể sử dụng file trực tiếp bằng cách dán đoạn mã bên dưới vào phần của HTML của trang web:
Hoặc vào đây tải font về và tích hợp vào web của bạn: ví dụ link web của mình là:đây tải font về và tích hợp vào web của bạn: ví dụ link web của mình là:
Lưu ý: Nhớ là thay đổi đường dẫn cho phù hợp với tập tin trong giao diện.
Các bạn có thể xem các đoạn mã icon tại trang chủ Font AwesomeFont Awesome
Để sử dụng các Icons bạn chèn các đoạn mã Icons theo mẫu sau:
Không nhất thiết sử dụng thẻ các bạn có thể sử dụng div,b,p … miễn sao có class=”fa Mã icon” vào là được. Vào đây để xem thêm ví dụ.đây để xem thêm ví dụ.
Mình muốn chèn icon bằng css thì làm như thế nào ?
Việc này quá đơn giản, chỉ cần truy cập vào trang Font Awesome Cheatsheet và tìm mã icon mình cần.Font Awesome Cheatsheet và tìm mã icon mình cần.
Ví dụ: fa-adn []
div:before{
font-family: 'FontAwesome';
content: '\ f170';
}
Thay thành \ là có thể sử dụng được ngay rồi. Đơn giản phải không nào ^^\ là có thể sử dụng được ngay rồi. Đơn giản phải không nào ^^
Sử dụng Font Awesome có ảnh hưởng đến tốc độ truy cập vào web?
Các bạn thử nghĩ xem thay vì load các bước ảnh nặng nề và mất công ngồi viết css thêm icon vào , chúng ta chỉ cần dùng 1 đoạn mã có sẵn của Font Awesome là có thể dùng ngày rồi.Font Awesome là có thể dùng ngày rồi.
Nếu có bất kì thắc mắc nào các bạn có thể comment dưới bài viết hoặc gửi mail cho mình nhé!
Unknown
Tuyệt vời Cheatsheet: Ngữ pháp nhanh, Bản ghi nhớ thực tế, từ số không đến một, sử dụng 🚀
Tuyệt vời Cheatsheet là một bộ sưu tập xem tốc độ ngữ pháp và ghi nhớ thực tế cho một công nghệ/lĩnh vực nhất định. Nó chứa các ngôn ngữ lập trình phổ biến như JavaScript, Java, Go, Python, Rust, v.v. Bản đồ kiến thức ITCS và các dòng kỹ thuật được lưu trữ trong các bản đồ kiến thức của ITCS như web, cơ sở dữ liệu, bảo mật thông tin. như nhập cảnh nhẹ -tài liệu học tập.
Cần lưu ý rằng nhiều bài viết trong các trò gian lận tuyệt vời chỉ có danh mục và không có nội dung, điều đó không có nghĩa là các bài viết này là trống, nhưng tác giả chưa tích hợp nội dung của các chủ đề liên quan trong kho tài liệu cụ thể. Bạn có thể truy cập cách phân loại quan tâm phân loại kho.
Nav | Điều hướng liên kết
Đối với mỗi trường, tuyệt vời Cheatsheet có thể chứa các tệp chủ đề sau:
{Something} -CheatSheet.md: Đối với các đặc điểm ngữ pháp, kỹ năng thực tế, ngăn xếp kỹ thuật của {cái gì đó}.
{Something} -Snippets -CheatSheet.MD: Hữu ích/Đáng ngạc nhiên {một số {một số} máy tính bảng để giúp các nhà phát triển nhanh chóng hiểu và áp dụng cho công việc.
{Something} -Pensource -CheatSheet.md: Được đề xuất {Something} Thư viện nguồn mở liên quan hoặc các công cụ.
Về | về
Tham khảo
Cheatetsets 2018-WTHE: Cheatsheets hữu ích với mọi thứ bạn nên biết trong một tập tin đơn.
PsYDuck #Project #: Ghi CS Kiến thức với XMIND, Phiên bản 2.0. Sử dụng Hệ điều hành Linux bản ghi XMind, Mạng, C ++, Golang và một số thiết kế của cơ sở dữ liệu
Áp dụng các thực tiễn tốt nhất thông qua CheatSheets: Xem thêm CheatHeets từ Denny: #Denny-Cheatsheets
Bản quyền
Tất cả các bài viết trong tác giả đều tuân theo chữ ký của chia sẻ kiến thức -Non -Non sử dụng thương mại -Giải thích về Thỏa thuận cấp phép quốc tế 4.0. Chào mừng bạn đến khi tái bản và tôn trọng bản quyền. Nếu bạn nghĩ rằng loạt bài này là hữu ích cho bạn, vui lòng mua một số thức ăn cho chó cho bánh pudding của tôi [Alipay quét mã] ~
Bản quyền và nhiều hơn nữa | Đọc
Bạn cũng có thể truy cập trang chủ của Ngte Book Hoạt động sản phẩm và danh sách sách đa thể loại sản phẩm: