CODEWITHSUNDEEP
cssgoogle-chromeinternet-explorerfont-size
addlistener
addlistener

Reputation: 871

font-size 10px cant apply, always 12px

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>

Upvotes: 4

Views: 6343

Answers (3)

PSR
PSR

Reputation: 40338

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

Upvotes: 1

Derfder
Derfder

Reputation: 3324

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.

Upvotes: 0

Niet the Dark Absol
Niet the Dark Absol

Reputation: 324680

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

Upvotes: 9

Related Questions