Cài đặt biểu tượng Font Awesome 5.3.1 và cách sử dụng trên XenForo 2
Bài viết sẽ hướng dẫn cách cài đặt biểu tượng Font Awesome 5.3.1 và cách sử dụng nó trên XenForo 2.
Vào template PAGE_CONTAINER tìm:
Thêm đoạn code bên dưới vào phía sau:
Biểu tượng Font Awesome 5.3.1 các bạn có thể xem tại: https://fontawesome.com/icons
Ví dụ: đây là một widget sử dụng HTML:
CSS :
Các biểu tượng:
Chúc các bạn thành công.
Bài viết sẽ hướng dẫn cách cài đặt biểu tượng Font Awesome 5.3.1 và cách sử dụng nó trên XenForo 2.
Vào template PAGE_CONTAINER tìm:
Mã:
<head>Thêm đoạn code bên dưới vào phía sau:
Mã:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">Biểu tượng Font Awesome 5.3.1 các bạn có thể xem tại: https://fontawesome.com/icons
Ví dụ: đây là một widget sử dụng HTML:
Mã:
<i class="fab fa-angrycreative"></i><br>
<i class="fas fa-door-open"></i><br>
<i class="fas fa-car-crash"></i><br>
<i class="fas fa-charging-station"></i>
Mã:
.username--style3:before {
font-family: "Font Awesome 5 Brands";
content: "\f179";
padding-right: 4px;
display: inline-block;
}
Mã:
.username--style3:before {
font-family: "Font Awesome 5 Free";
content: "\f5d0";
padding-right: 4px;
display: inline-block;
}
- Brands : https://fontawesome.com/icons?s=brands
- Solid : https://fontawesome.com/icons?s=solid
- Regular : https://fontawesome.com/icons?s=regular
- Light : https://fontawesome.com/icons?s=light
- Brands : font-family: "Font Awesome 5 Brands";
- Solid : font-family: "Font Awesome 5 Free";
- Regular : font-family: "Font Awesome 5 Pro";
- Light : font-family: "Font Awesome 5 Pro ";
Chúc các bạn thành công.
Nguồn: xenforo.com
