Take the 2-minute tour ×

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?

    <style type="text/css" >
        font-size: 10px;
        margin: 0 auto;
        border: 1px solid #000;
        width: 60em;

share|improve this question
Do you have a minimum font-size set in Chrome? –  cimmanon Mar 16 '13 at 16:43
This is your only code you have? –  Derfder Mar 16 '13 at 17:48
add comment

3 Answers

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

share|improve this answer
add comment

You can adjust the size of text in chrome.

Click  Chrome menu on the browser toolbar.
Select Settings.
Click Show advanced settings.

see here

share|improve this answer
You mean my clients have to adjust their settings so they can have the right size I want them to see? –  jchnxu Mar 16 '13 at 18:17
add comment

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.

share|improve this answer
add comment

Your Answer


