Why it always say I uses 12px while I write 10px for the font-size?


#1
<!DOCTYPE html>
<html>
	<head>
		<title>First font size change</title>
	</head>
	<body>
		<p style="font-size: 10px"> Some text for you to make tiny! </p>
		<p style="font-size: 20px"> Some text for you to make normal size!</p>
		<p style="font-size: 40px"> Some text for you to make super big!</p>
	</body>
</html>`indent preformatted text by 4 spaces`

#2

because your browser has a minimum font-size setting (which is 12px) do a google search: disable minimum font-size chrome. If you do not use chrome, replace it the browser you do use


#3

you can also change the minimum font size of browser by this step: (menu) -> Settings -> Show Advanced Settings -> Web Content -> Customize Fonts -> Minimum Font Size.


#4

i am sure that if you google disable, you will find the change as well