Font Awesome

📘 手冊

• 🛠️ Font Awesome Icons

👉 相關

• Projects ⟩ Form Validation

• ⭐️ 常用

使用方法

1️⃣ css import

/* import Font Awesome */
@import url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.3/css/all.min.css");

/* -- custom styling for all icons -- */
.fas, .fab {
    border: 1px solid black;
    font-size: 48px;
    background-color: white;
    color: black;
}

/* -- custom styling for specific icons -- */
.fa-facebook {
    color: rgb(59, 91, 152);
}

2️⃣ <link>

<link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
      crossorigin="anonymous"
/>

• 搜尋 Font Awesome Icons

• Copy HTML (<i> tag)