Để chèn icon với #first::before{ content: url(); } thì em vẫn chưa hiểu là trong url chúng ta điền link như thế nào ạ?


#1

Bạn Trần Mỹ hỏi:

#first::before{ content: url(); }
Để chèn icon với #first::before{ content: url(); } thì em vẫn chưa hiểu là trong url chúng ta điền link như thế nào ạ?
Em đã thử link trong css hay Images đều ko được, mong anh chị giúp em với ạ


#2

Chào Trần Mỹ
Đầu tiên ta cần lấy mã unicode của icon tại đây: https://fontawesome.com/cheatsheet?from=io
Sau khi lấy được mã mà icon ta cần chèn thì ta sẽ bỏ đoạn mã đó vào code sau:

div::before {
  content: "\Unicode";
  font-family: "FontAwesome";
}

Ví dụ mình chèn icon có mã unicode là f042 thì ta sẽ chèn như sau:

div::before {
  content: "\f042";
  font-family: "FontAwesome";
}

Lưu ý: Phải chèn thư viện FontAwesome vào project của ta nữa nhé Trần Mỹ
Chúc bạn thành công nhé