Unicode qua CSS: trước đây

Tôi đang sử dụng Font Awesome trên trang web của mình và tôi muốn hiển thị một biểu tượng bên trong :beforephần tử giả.

Theo tài liệu / cheatsheet , tôi phải nhập để có được phông chữ này, nhưng nó không hoạt động. Tôi tin rằng điều đó là bình thường vì các thực thể HTML không được hỗ trợ trong :before.
Vì vậy, tôi đã truy cập một chút và phát hiện ra rằng nếu bạn muốn hiển thị các thực thể HTML :before, bạn phải sử dụng tham chiếu hex thoát.
Vì vậy, tôi đã tìm kiếm tham chiếu hex đến nhưng tôi không tìm thấy gì. Tôi tin rằng đó là bởi vì đây là những giá trị "sử dụng cá nhân", bất kể điều đó có nghĩa là gì.

Có cách nào để làm cho nó hoạt động :beforekhông?

Tham chiếu hex thoát ra của là \f066.

content: "\f066";

Trong CSS, FontAwesome unicode chỉ hoạt động khi họ phông chữ chính xác được khai báo (phiên bản 4 trở xuống):

font-family: "FontAwesome";
content: "\f066";

Cập nhật - Phiên bản 5 có các tên khác nhau:

Miễn phí

font-family: "Font Awesome 5 Free"

Pro

font-family: "Font Awesome 5 Pro"

Nhãn hiệu

font-family: "Font Awesome 5 Brands"

Xem câu trả lời liên quan này: https://stackoverflow.com/a/48004111/2575724

Fileformat.info là một tài liệu tham khảo khá tốt cho công cụ này. Trong trường hợp của bạn, nó đã ở dạng hex, vì vậy giá trị hex là f066. Vì vậy, bạn sẽ làm:

content: "\f066";

Các điểm mã được sử dụng trong thủ thuật phông chữ biểu tượng thường là các điểm mã Sử dụng Riêng tư, có nghĩa là chúng không có ý nghĩa được xác định chung và không được sử dụng trong trao đổi thông tin mở, chỉ theo thỏa thuận riêng giữa các bên quan tâm. Tuy nhiên, các điểm mã Sử dụng Riêng có thể được biểu diễn dưới dạng bất kỳ giá trị Unicode nào khác, ví dụ như trong CSS bằng cách sử dụng ký hiệu như \f066, như những người khác đã trả lời. Bạn thậm chí có thể nhập điểm mã như vậy, nếu tài liệu của bạn được mã hóa UTF-8 và bạn biết cách nhập giá trị Unicode tùy ý theo số của nó trong môi trường tác giả của bạn (nhưng tất nhiên nó thường được hiển thị bằng cách sử dụng một ký hiệu không xác định tính cách).

Tuy nhiên, đây không phải là cách sử dụng phông chữ biểu tượng thông thường. Thông thường, bạn sử dụng tệp CSS được cung cấp cùng với phông chữ và sử dụng các cấu trúc như <span class="icon-resize-small">foo</span>. Sau đó, mã CSS sẽ đảm nhận việc chèn ký hiệu vào đầu phần tử và bạn không cần biết số điểm mã.

Lúc đầu, hãy liên kết tệp CSS fontwaesome trong tệp HTML của bạn, sau đó tạo một lớp giả sau hoặc trước như "font-family:" FontAwesome "; content:" \ f101 ";" sau đó lưu. Tôi hy vọng công việc này tốt.