css - Chrome wrapping text when using multiple languages and web fonts on windows -
i have site has content in arabic , english, i'm using web font styling headers , buttons source sans pro english , droid arabic kufi arabic, css this:
.header { font-family: 'droid arabic kufi', 'source sans pro', sans-serif; }
the problem happens in chrome on windows when element has float
style or displayed inline-block
, reason wraps text it's not necessary, here example:
this sample on mac, shows on 1 line, 156px width.
this sample on windows, shows on 2 lines 154px width.
if add white-space: nowrap;
element windows show right, , makes weird uses same width 154px.
i don't want apply white-space: nowrap;
because need wrap text, , it's not easy job places need use custom font , not wrap text.
i think problem has white spaces, because faced issue whitespace replaced rectangle on chrome
this issue shows in chrome on windows.
i have similar problem, , using white-space: nowrap;
not option.
we have wait chrome update, tested same page in chrome beta channel v32 , no unnecessary wrapping performed.
Comments
Post a Comment