How to detect which one of the defined font was used in a web page?

by

I’ve seen it done in a kind of iffy, but pretty reliable way. Basically, an element is set to use a specific font and a string is set to that element. If the font set for the element does not exist, it takes the font of the parent element. So, what they do is measure the width of the rendered string. If it matches what they expected for the desired font as opposed to the derived font, it’s present. This won’t work for monospaced fonts.

Here’s where it came from:
Javascript/CSS Font Detector (ajaxian.com; 12 Mar 2007)

More Related Contents:

  1. JS hide function error
  2. How to read with JavaScript [closed]
  3. Get the longest text in HTML document using Jquery or javascript
  4. How to implement something like this GIF that using mouse drag and select items
  5. Javascript counting all the characters from a HTML document
  6. Set cookie and get cookie with JavaScript [duplicate]
  7. How do you read CSS rule values with JavaScript?
  8. Load and execution sequence of a web page?
  9. Check if an element contains a class in JavaScript?
  10. Disabling browser print options (headers, footers, margins) from page?
  11. JSFiddle code not working in my own page
  12. All About…. Z-Index?
  13. How to disable scroll without hiding it?
  14. How to change CSS :root color variables in JavaScript
  15. How to change style of iframe content cross-domain?
  16. How can I remove the “No file chosen” tooltip from a file input in Chrome?
  17. How to print HTML content on click of a button, but not the page? [duplicate]
  18. Can I apply CSS to the elements within an iframe?
  19. Save a pre element as PDF with CSS
  20. jQuery Validation using the class instead of the name value
  21. Center flex item in container, when surrounded by other flex items
  22. Change the style of :before and :after pseudo-elements? [duplicate]
  23. How to create checkbox inside dropdown?
  24. Javascript-Setting background image of a DIV via a function and function parameter
  25. Remove scrollbar but not scrolling functionality [duplicate]
  26. fade effect using javascript no jquery?
  27. How to keep the header static, always on top while scrolling?
  28. HTML5 input required, scroll to input with fixed navbar on submit
  29. How do I dynamically adjust css stylesheet based on browser width?
  30. How do I put a clear button inside my HTML text input box like the iPhone does?

Leave a Comment