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