首页 > 网络技术 > chrome字体最小值12px问题及解决方法

chrome字体最小值12px问题及解决方法

昨天我修改自己的WordPress天气插件的时候,发现一个比较有趣的问题:chrome竟然最小的字体是12px,而小于12px的数值,百分比之类的都不起左右,都是显示12px
对于这个问题,我上google搜索了半天也没有结果,本来因为是css出现了问题,测试了好多次都不行,于是最后来了个style=”font-size:10px”都没有显示成功,之后我写了一段代码在本地测试,还是不行,问了同事,同事都是表示不知道。
后来是怀疑自己的html声明写错了,可是更换了标准声明还是不行,至今还是表示疑惑,找到了客户端设置chrome的方法,而没有css hack的方法没有找到,希望高手给个css hack解决的方法。
WordPress天气预报插件地址:http://js8.in/mywork/weather
demo地址:http://js8.in/mywork/weather/demo.php?city=0532
火狐下正常显示11px,布局正确 chrome下顶部日期显示的是12px

解决方法

1.将chrome的界面语言改成英文,方法:扳手-选项-高级选项-更改字体和语言设置-语言-谷歌浏览器语言 将这里的改成英语(美国)之类
2.
Basically, the Chrome browser is based on WebKit. There are some webkit internal font setting options for font family, font size, etc.
Using text editor to open “Documents and SettingsUser_NameLocal SettingsApplication DataGoogleChromeUser DataDefaultPreferences”
You will find the “webkit”: { “webprefs”: { in the file. Those settings are for WebKit.
In my setting example:
“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_siz”: 12,
“sansserif_font_family”: “Times New Roman”,
“serif_font_family”: “Arial”,
“standard_font_is_serif”: false,
“text_areas_are_resizable”: true
}
}
The minimum_font_size and minimum_logical_font_size prevent Chrome to use very small font size for display.
Remember to close Chrome first before you edit the file, or the file you saved will be overwritten by Chome after exiting.

相关文章

"chrome字体最小值12px问题及解决方法"已有17条评论
    刘洋

    这是哪门子解决方法?

    2009年11月20日 06:01 回复 引用

    admin

    所以等待高手解决啊~网上只有这个了

    2009年11月20日 16:19 回复 引用

    水晶毛毛虫

    这个东西感觉就是谷歌制作者的失误,不够友好,不应该由前端人员来想方法解决它,还好我面对的不是国内客户,这个问题对我影响不大,

    2009年12月18日 19:09 回复 引用

    imyme

    我也碰到了,不知道该咋嘛搞

    2009年12月25日 01:12 回复 引用

    山间凉水

    这个与css无关吧。是谷歌浏览器的bug的问题。

    路径“Documents and Settings你的用户名Local SettingsApplication DataGoogleChromeUser DataDefault”中用记事本打开Preferences文件。在”webkit”的”webprefs”里面加多这两行:
    “minimum_font_size”: 8,
    “minimum_logical_font_siz”: 12,

    当然你可以把最小的8改为6,那就可以显示6像素的字体了。不过相信6像素的字已经看不清楚了。

    修改后我的为:
    “webkit”: {
    “webprefs”: {
    “default_fixed_font_size”: 13,
    “default_font_size”: 16,
    “fixed_font_family”: “u65B0u5B8Bu4F53″,
    “inspector_settings”: “lastActivePanel:string:elementsn”,
    “minimum_font_size”: 8,
    “minimum_logical_font_siz”: 12,
    “sansserif_font_family”: “Simsun”,
    “serif_font_family”: “Simsun”
    }
    }

    2010年01月20日 18:25 回复 引用

    断桥残雪

    chrome的bug!

    2010年01月20日 18:27 回复 引用

    underone

    4.0上就没找到这个字段…

    2010年01月28日 02:34 回复 引用

    107baihe

    我们面对的老外客户,惨!@水晶毛毛虫

    2010年01月29日 19:25 回复 引用

    blackli

    不算bug吧,是为用户着想

    2010年02月03日 20:19 回复 引用

    小才神

    搞图片吧! 英文 48个 数字 10个,标点可以忽略(标点12和10号影响应该不大的吧!另行高应该大于10的吧)不用汉字(汉字12一下怕是看不清了),有需要的时候直接调用,比如 a.gif 1.gif 按文字出图片吧!

    2010年04月06日 01:44 回复 引用

    uecren

    opera好像也有最小12px的吧

    2010年07月09日 22:30 回复 引用

    断桥残雪

    @imyme
    现在可以使用css的属性:-webkit-text-size-adjust:none;
    来解决
    详情见:http://www.js8.in/625.html

    2010年09月18日 18:47 回复 引用

    断桥残雪

    @水晶毛毛虫
    现在可以使用css的属性:-webkit-text-size-adjust:none;
    来解决
    详情见:http://www.js8.in/625.html

    2010年09月18日 18:48 回复 引用

    断桥残雪

    @107baihe
    现在可以使用css的属性:-webkit-text-size-adjust:none;
    来解决
    详情见:http://www.js8.in/625.html

    2010年09月18日 18:48 回复 引用

    weiking

    @断桥残雪
    嗯,不错,使用了。谢谢,哥们!

    2011年03月10日 01:34 回复 引用

    Vincent

    Just put this line of css code on the top of your sheet, then your css will work as wishes.
    span, div, p, a, li, td { -webkit-text-size-adjust:none; }

    2011年06月20日 17:44 回复 引用

    断桥残雪

    yes,Thank you~

    2011年06月20日 17:45 回复 引用

文明发言,你好我也好
正在提交,请稍后...
返回顶部