html 태그의 font-size css를 제이쿼리로 바꾸려 하는데 결과가 폰트사이즈 변경이 아니라 높이가 변경됩니다

목적은 버튼에 따라 전체 html 문서의 글자 크기를 변경하려는 것이고
html 태그의 font-size css를 아래와 같이 제이쿼리로 바꾸려 하는데 수행 결과가 폰트사이즈가 아니라 여백 등의 높이가 변경됩니다…이유가 뭘까요?

선택자를 콘솔에 찍어보면 정확한 것을 선택하고 있습니다…특정 id 등으로 정확하게 선택하기에는 선택할 것이 많아 html 태그를 사용했으며 참고해서 만들어보는 중인, 즉 정상 작동하는 코드는 이 방법이 문제 없는 것으로 보입니다. 같이 사용중인 css 파일을 참고하면 font-size에 !important가 적용된 부분은 어디에도 없습니다. 폰트사이즈 변경이 수행되는 자바스크립트는 클릭이벤트가 발생하면 작동되게 되어있습니다.

$("html").css("font-size", "10px");
console.log($("html"));