Font Awesome detector

Font Awesome logo

How can you check if a website uses Font Awesome?

Detecting the use of Font Awesome on a website can be accomplished by examining the page source and looking for specific markers that indicate its integration.

Here’s a step-by-step guide on how to do it:

  1. Open the Page Source: Right-click on the webpage and select “View Page Source” or press Ctrl+U (Windows) or Cmd+Option+U (Mac) to open the page’s source code.
  2. Search for Font Awesome: Use Ctrl+F (Windows) or Cmd+F (Mac) to open the search function in the source code. Look for the following keywords:
    • fontawesome: This will indicate references to Font Awesome files, such as <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    • font-awesome: Another common reference which can appear as <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  3. Check for Font Awesome Icons: Look through the HTML code for Font Awesome icon classes, which typically begin with fa-. Examples include:
    • <i class="fa fa-camera"></i>
    • <span class="fas fa-check"></span>
    If you see any icons defined this way, it’s a strong indication that Font Awesome is in use.
  4. Inspect Load Requests: Use your browser’s developer tools (right-click on the page and select “Inspect,” or press F12) and navigate to the “Network” tab. Reload the page and look for requests that contain “font-awesome” or “fontawesome” in the file names.
  5. Check for Font Awesome JavaScript: While the main functionality comes from CSS, some integrations may use JavaScript. Look for any <script> tags that reference Font Awesome scripts, such as <script src="https://kit.fontawesome.com/a076d05399.js"></script>.
  6. Look for Font Awesome CDN Links: Font Awesome is often included via a Content Delivery Network (CDN). Search for links in the header or footer that point to CDNs associated with Font Awesome.