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.

mac

this sample on windows, shows on 2 lines 154px width.

enter image description here

if add white-space: nowrap; element windows show right, , makes weird uses same width 154px.

enter image description here

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

Popular posts from this blog

Detect support for Shoutcast ICY MP3 without navigator.userAgent in Firefox? -

web - SVG not rendering properly in Firefox -

java - JavaFX 2 slider labelFormatter not being used -