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

java - How to Configure JAXRS and Spring With Annotations -

visual studio - TFS will not accept changes I've made to a Java project -

php - Create image in codeigniter on the fly -