ansaurus

Question

Font-size <12px doesn't have effect in Google Chrome

Answer 1

+1 A:

this should not be correct, you probably have an element overwriting your current given attribute.

like this:

body {
  font-size:10px;
}

#content {
  font-size:12px;
}

Paul 2010-02-19 09:16:02

I have just added a piece of sample code.

Billy 2010-02-19 09:25:27

Answer 2

A:

It works for me.

Try to:

use webdesigner tools, to check what css affects your element
post html and css aswell, so we can maybe figure out more

Edit: Latest Chrome (stable) renders this this way: Rendering in chrome

Adam Kiss 2010-02-19 09:16:20

I have added the screencap of 4 browsers.

Billy 2010-02-19 09:45:37

take screenshot of css that affects it - right click on one of `test text: 6 - 11px` and pick "check element" or something like it (i have localized chrome) - it should be the last one (if you know what i'm talking about, stop reading further) - then document inspector opens up and on the right side is panel `styles` - screenshot it and post it pls, maybe we'll see.

Adam Kiss 2010-02-19 10:18:08

Answer 3

A:

what happens if you make the < P > tag a < SPAN > tag?

is it possible you have defined your < p > tag somewhere along?

Paul 2010-02-19 09:40:49

The sample code is enough for testing. Just paste the code to your Chrome to have a look.

Billy 2010-02-19 09:54:06

Answer 4

A:

It works for me in Chrome 4.0.249.78 (36714) , could you be viewing a cached copy?....Try emptying your page cache (I've found chrome very fond of its cache)

James B 2010-02-19 09:58:11

It's not the cache problem. I am using Windows XP. Does the problem only happen in certain OS?

Billy 2010-02-19 10:00:38

I'm able to view the html code you posted fine and I'm using Chrome on Windows XP Pro (admittedly a slightly older build and the beta version with extensions support), the cache is the only thing I can think of if you are using the same basic html as you pasted in your OP. What happens when you use the "inspect element" menu option, does it show up as having your smaller font sizes?...or does it look like it's being overridden in some way?

James B 2010-02-19 10:47:37

What about viewing your html file in an incognito window?...Sorry but I'm still stuck on it being a cached copy of the file (it took me ages to change my Stack Overflow avatar and get it to show up in chrome due to its overzealous caching)...although it would show up correctly in an incognito window (as it was bypassing the cache)

James B 2010-02-19 10:50:55

Answer 5

A:

Is there a minimum font size preference? Is it set to 12px? Is page/text zoom enabled? Do you have any kind of Chrome plugins that alter page contents?

eyelidlessness 2010-02-19 10:24:01

I was looking for a minimum font, too, but I couldn't find it. Doesn't mean the pref isn't hidden somewhere, though.

Anonymous 2010-02-19 10:31:24

I am using default setting and do not have any plugins.

Billy 2010-02-19 10:39:19

Answer 6

A:

Have you tried putting an "!important" clause behind the font styles? This would override everything else. At least then you would know where to look for the problem. Like this:

<p style="font-size:6px !important;">test 6px</p>

Erik 2010-02-19 12:34:40

That shouldn't be necessary when he's using a style attribute instead of a style rule.

LeguRi 2010-02-19 13:15:47

Answer 7

+2 A:

According to http://www.google.com/support/forum/p/Chrome/thread?tid=389f306a52817110&hl=en Chrome supports a minimum font size. If you open "Documents and Settings\User_Name\Local Settings\Application Data\Google\Chrome\User Data\Default\Preferences" in a text editor, do you see something like the following?:

   "webkit": {
      "webprefs": {
         "default_fixed_font_size": 11,
         "default_font_size": 12,
         "fixed_font_family": "Bitstream Vera Sans Mono",
         "minimum_font_size": 12,
         "minimum_logical_font_size": 12,
         "sansserif_font_family": "Times New Roman",
         "serif_font_family": "Arial",
         "standard_font_is_serif": false,
         "text_areas_are_resizable": true
      }
   }

Closing Chrome, changing the minimum font size, and restarting Chrome may help.

Arne Roomann-Kurrik 2010-02-19 17:10:51

Answer 8

A:

have the same issue with my site

http://bhaa.ie/members/app/houses

each of the sector, company and team names should appear as a tag cloud. anybody spot an issue with my css?

emeraldjava 2010-10-06 15:49:05

ansaurus

tags:

views:

answers:

Font-size <12px doesn't have effect in Google Chrome

related questions