Fontawesome là bộ font biểu tượng được sử dụng phổ biến trên nhiều website. Fontawesome an toàn, ít lỗi và hiện thị mượt mà với mọi thiết bị.
Hiện nay fontawesome chỉ cung cấp miễn phí dạng fas và fab do vậy nếu web/blog của bạn đang sử dụng phiên bản miễn phí mà chọn kiểu khác 2 kiểu trên thì fontawesome sẽ không hiển thị.
Cách cài đặt fontawesome cho blogspot
- Bạn vào bảng điều khiển HTML và tìm đoạn code tương tựfunction loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }Và thêm fontawesome dưới dạng
loadCSS("https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i");loadCSS("https://fonts.googleapis.com/css?family=Lobster");loadCSS("https://fonts.googleapis.com/icon?family=Material+Icons");loadCSS("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
loadCSS("("https://use.fontawesome.com/releases/v5.6.3/css/all.css");Và đây là cách thêm css tối ưu nhất blogspot nhiều người sử dụng.
Cách sử dụng fontawesome cho blogspot
Như đã nêu ở trên, các bạn chỉ tìm kiếm fontawesome tại đây có dạng là fas và fab, cú pháp với blogspot là
<i class='ten fontawesome'/>
Ví dụ thêm fontawesome cho facebook
<i class='fab fa-facebook'/>
Cụ thể:
<li><a class='ripplelink external external-link' href='https://facebook.com/nhatthienktblog' rel='nofollow' target='_blank'><i class='fab fa-facebook'/></a></li>
Kết quả:
Chúc các bạn thành công!
2 Nhận xét
Cho mình hỏi chút, mình đang học html và css.
Trả lờiXóađến phần mục sử dụng font icon , mình dùng đúng như hướng dẫn nhưng khi view ra chrome thì toàn hiển thị ô vuông, mong bác chỉ cho cách sửa như thế nào với
Chào bạn, bản thử xóa cookie trình duyệt và truy cập lại nhé.
XóaVui lòng viết comment Tiếng Việt có dấu.
Emoji- Bạn có thể gửi mail trực tiếp qua địa chỉ: nhatthienkt.s@gmail.com
- Nhận xét không hỗ trợ cho người dùng ẩn danh
- Lưu ý những nhận xét với mục đích backlink không liên quan đến nội dung bài viết sẽ bị xóa bỏ
- Bạn muốn theo dõi cập nhật trả lời sớm nhất từ adm vui lòng tick vào ô "Thông báo cho tôi" rồi xuất bản nhận xét của mình.