Trang chủ Lập trình Javascript - HTML Viết hàm javascript kiểm tra font Awesome đã được load hay chưa

Viết hàm javascript kiểm tra font Awesome đã được load hay chưa

Hôm nay mình có viết 1 tiện ích nhỏ chạy trên nền web trong đó có phần phải tải font Awesome để sử dụng một số icon từ font chữ này. Tất cả đều ổn tuy nhiên khi mặc định mình để tải cho tất cả. Vấn đề ở đây xảy ra với các trang web đã và đang sử dụng Awesome trên trang của mình thì nó sẽ bị chớp nháy 1 cái (tải lại font nó hay bị thế).

Vậy làm sao để khắc phục tình trạng này. Chắc chắn là phải viết hàm kiểm tra xem font Awesome đã được tải trước khi tiện ích này chạy. Và đây là hàm cần dùng:

Giải thích:

Hàm này sẽ thêm 1 phần tử span đặt ở chế độ ẩn và thêm class fa (tên class mặc định của font Awesome). Tiếp đó sẽ chạy lệnh kiểm tra CSS nếu phần tử này font-familyFontAwesome thì chứng tỏ font Awesome đã được tải còn không thì ngược lại. Và sau khi check thì xóa phần tử này.

Huỳnh Mai Anh Kiệt

- Advertisement -
Huỳnh Mai Anh Kiệthttps://anhkiet.biz
Anh là một người đam mê công nghệ. Hiện tại anh là một lập trình viên cho Hura Apps - một startup nhỏ về công nghệ tại Quy Nhơn.

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây

BÀI VIẾT MỚI

Hướng dẫn tải video ngắn Facebook Reel miễn phí

Facebook Reels là tính năng video ngắn mới của Facebook. Nếu bạn muốn tải những video ngắn này của mọi người thì bạn có...

Lập Trình Viên 25 Tuổi Kiếm Được $30.000 Mỗi Tháng Từ Các Ứng Dụng Shopify

Mat De Sousa là một doanh nhân Pháp, anh là người đứng sau 2 ứng dụng Shopify là Wide Bundles và WideReview do chính...

Lần đầu nhận quà từ Shopify

Hura Apps là 1 trong những đối tác của Shopify được vinh dự Shopify chọn tham gia chương trình (Huấn luyện Thương mại) Commerce...

Một số ưu đãi của Shopify cho người dùng đăng ký mới

Shopify chỉ cho phép người dùng mới 14 ngày dùng thử miễn phí. Nếu bạn cảm thấy khoảng thời gian này là không đủ...

Trang web hỗ trợ tìm kiếm trên Facebook

Facebook là mạng xã hội lớn nhất hiện nay. Thông tin được người dùng chia sẻ trên mạng xã hội này là vô cùng...

BẠN XEM CHƯA

Blade & Sword – Hiệp khách Trung Hoa

Mặc dù là một game nhập vai, Blade and Sword tập trung nhiều vào những yếu tố của thể loại giao đấu như đòn...

Ứng dụng trên Android đầu tiên do Mạng Bình Định phát triển: Đoán Số Mệnh Qua Tên

Số là công ty mình trước giờ toàn làm web nhưng mới mở thêm mảng ứng dụng di động với cả iOS lẫn Android....

Tăng tốc sao chép dữ liệu với Ultra Copier

Chắc hẳn đôi lần dù rất bận nhưng bạn vẫn phải kiên nhẫn ngồi đợi thao tác sao chép dữ liệu từ máy tính...

6 sai lầm dễ mắc phải khi kinh doanh trực tuyến

1. Thiết kế website nghèo nàn Ngày nay, việc xây dựng một website kinh doanh trực tuyến là vô cùng dễ dàng, đơn giản. Bạn...

Vietcombank đã hỗ trợ đổi tên truy cập dịch vụ ngân hàng trực tuyến [email protected]

Mới đây trong một email gửi đến khách hàng của mình thì Vietcombank (Ngân hàng thương mại cổ phần Ngoại thương Việt Nam) đã...