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

Question

i have developed this website http://www.falestinona.com/nashra the website tests on my laptop are correct and same design over IE, Chrome, FF and Opera the problem i have found that same version of firefox shows the design different on different computers. FF on my laptop shows correct design while same version of FF on other laptop shows design problems and this problem shows with my friends some correct and others have design problems on FF. FF is clean with no addons shows the same problem. Attached Two Images: FF with Correct Design FF with Wrong Design Same version and Clean FF and 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

Answer 1

in Mozilla Firefox font rendering and line height rendering of the font differ between devices and automatically calculated so it differs between devices. the solution was to set Static Constant line height for all html elements and forcing this change. CSS StyleSheet Change:

---

@import "amiri_font/amiri.css";

*{
font-family: AmiriWeb, 'Amiri QuranWeb', Amiri;
line-height: 1.6 !important;
}