Get computed font-family in JavaScript

by

Here goes a way to get the computed font-family with JavaScript from the DOM:

let para = document.querySelector('p');
let compStyles = window.getComputedStyle(para);
let computedFontFamily = compStyles.getPropertyValue('font-family') // e.g. "Times New Roman"

Source: https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle

More Related Contents:

  1. How do I get a computed style?
  2. JS hide function error
  3. How to implement something like this GIF that using mouse drag and select items
  4. Javascript counting all the characters from a HTML document
  5. Set cookie and get cookie with JavaScript [duplicate]
  6. Load and execution sequence of a web page?
  7. Check if an element contains a class in JavaScript?
  8. CSS transition doesn’t start/callback isn’t called
  9. JSFiddle code not working in my own page
  10. All About…. Z-Index?
  11. How to disable scroll without hiding it?
  12. Get the device width in javascript
  13. Why my show hide button needs double-click on first time
  14. Make scrollbar visible in mobile browsers
  15. Infinity Loop Slider Concepts
  16. jQuery jump or scroll to certain position, div or target on the page from button onclick [duplicate]
  17. jQuery Validation using the class instead of the name value
  18. Change CSS of class in Javascript?
  19. Access CSS file contents via JavaScript
  20. How to create checkbox inside dropdown?
  21. CSS Transition doesn’t work with top, bottom, left, right
  22. Add CSS rule via jQuery for future created elements
  23. Javascript-Setting background image of a DIV via a function and function parameter
  24. Preventing Child from firing parent’s click event
  25. Rotate div text after clicking on button using jquery and css
  26. how to use html2canvas and jspdf to export to pdf in a proper and simple way
  27. HTML5 Video duration without playing video
  28. How to get element by class name
  29. Split text into pages and present separately (HTML5)
  30. Can you have multiple lines in an element?

Leave a Comment