[SOLVED] Different CSS Display on Ubuntu and Windows with same code and browser

Issue

I have encountered a curious thing: a part of a html code shows differently in the same browsers; I am guessing that it has to do with the operating system, but maybe not.

Here are the screenshots. The code is an identical repository in gitlab. The browser is Firefox, but we tried with other browsers too, to the same result.

Ubuntu version:

Windows version:

The part in question is the red text, in ubuntu its more on the left of the div. All windows are at 100% zoom. The browser versions are the same, Firefox 102.0.

Solution

The issue was a missing font. We use Verdana and it was not installed on the ubuntu system. After installing verdana everything looked finally the same.

Answered By - coyan

Answer Checked By - Pedro (WPSolving Volunteer)