A demo if using Arial font in style attribute

jQuery, CSS and HTML

<!DOCTYPE html>
<html>
<head>

</head>
<body>

        <h3>A demo of font detection by jQuery</h3>
         <pre>style="font-family:'Arial','Helvetica',sans-serif;"</pre>    
        <div class="example" style="font-family:'Arial','Helvetica',sans-serif;">
            The demo paragaph where font applied by the browser is detected by using jQuery font detection plug-in. 
        </div>
        <p class="result">The font applied is: <strong></strong></p>
        
 
        
        <script src="https://code.jquery.com/jquery-2.2.2.min.js"></script>
        <script src="js/jquery.detectfont/jquery.detectfont.min.js"></script>
        <script>
            (function($){
                $('.example').each(function() {
                    $(this).next('.result').find('strong').text($(this).detectFont());
                });
            })(jQuery);
        </script>
</body>
</html>

A demo of font detection by jQuery

style="font-family:'Arial','Helvetica',sans-serif;"

The demo paragaph where font applied by the browser is detected by using jQuery font detection plug-in.

The font applied is: