font-size 10px cant apply, always 12px

StackOverflow https://stackoverflow.com/questions/15451823

Question

Simple code, but in chrome font-size is always 12px, in IE it's 10px. For px larger than 12, it's ok to change. But for px under 12, it cant be changed....how to fix this?

<html>
<head>
    <style type="text/css" >
    body{
        font-size: 10px;
    }
    div{
        margin: 0 auto;
        border: 1px solid #000;
        width: 60em;
    }
    </style>
</head>
<body>
    <div>
        wrapper
    </div>
</body>

Was it helpful?

Solution

In chrome://settings/fonts, there is a setting for "minimum font size". You probably have that set to 12px.

OTHER TIPS

You can adjust the size of text in chrome.

Click  Chrome menu on the browser toolbar.
Select Settings.
Click Show advanced settings.
In the "Web Content" section, use the "Font size" drop-down menu to make adjustments.

see here

Try change size like this:

body {
        font-size: 10px !important;
}

If it still doesn't work, you would probably have some javascript changing it on the fly (do you have some javascript plugins or code loaded with your project?

Or maybe css from other plugins/modules/code etc.

Or maybe you have really set some minimum font size in chrome settings. Try to check taht also.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top