css - i have developed website and the issue is that same version of firefox shows different design on different computers while other browsers were fine? -


i have developed website http://www.falestinona.com/nashra website tests on laptop correct , same design on ie, chrome, ff , opera problem have found same version of firefox shows design different on different computers. ff on laptop shows correct design while same version of ff on other laptop shows design problems , problem shows friends correct , others have design problems on ff. ff clean no addons shows same problem. attached 2 images: ff correct design ff wrong design same version , clean ff , latest version

https://support.cdn.mozilla.net/media/uploads/images/2015-06-09-22-05-36-e5d7cf.png  https://support.cdn.mozilla.net/media/uploads/images/2015-06-09-22-05-32-b35e5a.png 

in mozilla firefox font rendering , line height rendering of font differ between devices , automatically calculated differs between devices. solution set static constant line height html elements , forcing change. css stylesheet change:


@import "amiri_font/amiri.css";  *{ font-family: amiriweb, 'amiri quranweb', amiri; line-height: 1.6 !important; } 

Comments

Popular posts from this blog

facebook - android ACTION_SEND to share with specific application only -

python - Creating a new virtualenv gives a permissions error -

javascript - cocos2d-js draw circle not instantly -