Question

5

How can i get default font size in pixels by using JavaScript or JQuery?

rated 0 times [ 12] [ 7] / answers: 1 / hits: 33996 / 15 Years ago, fri, september 18, 2009, 12:00:00

As you know em is a relative font measurement where one em is equal to the height of the letter M in the default font size. An advantage in using it is because you will be able to resize the text.

But how can i get default font size of current environment (in pixels) by using JavaScript or JQuery ?

regards,

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

stacie

Add To Favorites

Follow

Total Points: 476

Total Questions: 92

Total Answers: 102

Location: Bosnia and Herzegovina

Member since Tue, Mar 29, 2022

2 Years ago

stacie questions

1 How to perform validation of a array field using formik and yup validation

Wed, Mar 31, 21, 00:00, 3 Years ago

1 Validation not working on angular reactive forms

Fri, Jun 26, 20, 00:00, 4 Years ago

1 CropperJS Not working well when using it in modal

Thu, Jan 23, 20, 00:00, 4 Years ago

1 Keyboard shortcuts in React, the react-hotkeys library

Fri, Aug 30, 19, 00:00, 5 Years ago

1 Date Pipe in Angular 8

Fri, Aug 2, 19, 00:00, 5 Years ago

View All

answered 15 Years ago raymondorlandok · Accepted Answer

There are a couple of situations this can be useful-

function getDefaultFontSize(pa){

 pa= pa || document.body;

 var who= document.createElement('div');



 who.style.cssText='display:inline-block; padding:0; line-height:1; position:absolute; visibility:hidden; font-size:1em';



 who.appendChild(document.createTextNode('M'));

 pa.appendChild(who);

 var fs= [who.offsetWidth, who.offsetHeight];

 pa.removeChild(who);

 return fs;

}

alert(getDefaultFontSize())