Cách Sử Dụng Font Awesome - Programming - Dạy Nhau Học

Có thể bạn quan tâm

programmingcsshtml Le_Minh_Cuong (Lê Minh Cường) October 6, 2018, 1:53pm #1 Em muốn sử dụng font awesome. Em đã download bản mới nhất và nhưng nó chỉ hiện ra hình vuông thui, em không biết tại sao. Anh chị giúp em với

image.png1366×768 65.8 KB các tệp nằm cùng 1 thư mục

image.png1366×768 53.3 KB khai báo trong html

image.png1366×768 46.2 KB kết quả là 1 hình vuông.1 Like huynhtinh (Tynk Huynk) October 6, 2018, 1:58pm #2 font-awesome.min.css không phải địa chỉ url hợp lệ để lấy file css của awesomefont từ network về.Bạn kiểm tra lại nhé. Hoặc tham khảo: https://www.w3schools.com/icons/fontawesome_icons_intro.asp1 Like Le_Minh_Cuong (Lê Minh Cường) October 6, 2018, 2:01pm #3 À cái này mình muốn download font về chứ không sử dụng link trên mạng, do mình làm đồ án mình không chắc thầy sẽ bật mạng nên mình phải làm như vậy superthin (Vô Thin) October 6, 2018, 2:03pm #4

À cái này mình muốn download font về chứ không sử dụng link trên mạng, do mình làm đồ án mình không chắc thầy sẽ bật mạng nên mình phải làm như vậy

Thua nhé, không download font tự động về được đâu, có biết viết script để get thì viết, còn không phải download thủ công bỏ vào một thư mục để dùng.1 Like huynhtinh (Tynk Huynk) October 6, 2018, 2:04pm #5

font-awesome.min.css

Vậy thì sửa địa chỉ thành ../font-awesome.min.css1 Like Le_Minh_Cuong (Lê Minh Cường) October 6, 2018, 2:04pm #6 nó mất tiêu luôn bạn huynhtinh (Tynk Huynk) October 6, 2018, 2:06pm #7 Vậy thì có thể địa chỉ thư mục ban đầu có thể dúng, vậy hình vuông là lỗi hiển thị…

1 Like Le_Minh_Cuong (Lê Minh Cường) October 6, 2018, 2:14pm #8

image.png1366×768 58.9 KB thông tin thêm là mình sử dụng link từ trang web thì ra kết quả

image.png1366×768 46.3 KB Có khi nào mình download sai sót gì không qloved (Quân) October 6, 2018, 3:00pm #9 ngoài file css bạn cần tải thêm cả file font về nữa thì mới hiển thị được. vị trí lưu tương tự như ảnh chụp 19%20PM

Screen Shot 2018-10-06 at 10.05.19 PM.jpg1764×1174 326 KB

font-awesome.min.css không phải địa chỉ url hợp lệ để lấy file css của awesomefont từ network về.

sai rồi nhé, đây là link tương đối, trình duyệt hoàn toàn hiểu được link này, ngoài ra bạn này hiển thị được hình vuông tức là đã nhận css rồi.8 Likes Le_Minh_Cuong (Lê Minh Cường) October 10, 2018, 4:57pm #10

em làm vậy thì nó hiện ra. completejavascript (Lam Pham) October 19, 2018, 5:14pm #11 Đúng rồi bạn. Fontawesome bản mới nó tách css riêng ra các file.Bạn sử dụng icon loại nào thì tải css loại đó về => không phải tải hết css => giảm dung lượng.Do đó có 4 lựa chọn là:

All:

Solid (tương ứng với icon dạng fas)

Regular (tương ứng với icon dạng far)

Brand (tương ứng với icon dạng fab)

Trong ví dụ trên bạn dùng: far fa-grin-stars => loại regular.Tức là bạn cần include các file css phần regular bên trên ( regular.css và fontawesome.css) là đủ.Tham khảo: https://fontawesome.com/how-to-use/on-the-web/setup/getting-started?using=web-fonts-with-css8 Likes Khoi_Lam (Khôi Lâm) August 20, 2020, 2:54pm #12 mé cũng bị hình vuông giống v may tìm đc comment của bác … thank nhiều nhé ^^1 Like