Nhatthienkt's Blog Thủ thuật hay

Cách dùng fontawesome cho blogger blogspot 2019

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ị. 

Cách dùng fontawesome cho blogger blogspot 2019

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 dùng fontawesome cho blogger blogspot 2019

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" }) }

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");
Và thêm fontawesome dưới dạng
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 dùng fontawesome cho blogger blogspot 2019

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ả: 
Cách dùng fontawesome cho blogger blogspot 2019
Chúc các bạn thành công!

Copy bài viết vui lòng ghi Nguồn: NhatThienkt.net .

Đăng nhận xét

2 Nhận xét

  1. Cho mình hỏi chút, mình đang học html và css.
    đế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

    Trả lờiXóa
    Trả lời
    1. Chào bạn, bản thử xóa cookie trình duyệt và truy cập lại nhé.

      Xóa

Vui lòng viết comment Tiếng Việt có dấu.
- 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.

Emoji
(y)
:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:P
:o
:>)
(o)
:p
(p)
:-s
(m)
8-)
:-t
:-b
b-(
:-#
=p~
x-)
(k)