HTML-CSS-Weiche für Windows/Mac-OS

[mangodrone]

Guten Abend

Zum Grundproblem: Ich möchte eine ganz einfache Menubar mit Schriftsatz Times, serif mit HTML und CSS erstellen. Dabei sind die Menuoptionen nacheinander in einem div-Container geschrieben mit ein paar Leerschlägen zwischen den Optionen. Um die Navbar passgenau zu machen, habe ich die font-size entsprechend gewählt. Das Problem ist nun, dass auf Mac und Windows der "Text", also die Menuoptionen-Zeichenkette, unterschiedlich lang ist; vermutlich weil Mac und Windows nicht den gleichen Times-Schriftsatz nehmen.

Es gibt viel Material auf dem Netz (auch hier) mit PHP, JavaScript oder HTML wie man Browser-Weichen stellen kann. Gibt es denn eine Möglichkeit z. B. mit PHP auch eine "OS-Weiche" zu definieren? Dass bspw. per PHP-echo die font-size auf dem Mac mit 20px, auf Windows mit 21px ausgegeben wird?

HTML-Code-Auszug:
<font style="font-size:21px">

<font color="#790905">HOME</font>

&nbsp;&nbsp;&bull;&nbsp;&nbsp;

BISTRO

&nbsp;&nbsp;&bull;&nbsp;&nbsp;

KUECHE

[...]

</font>

Vielen Dank und Gruss
mangodrone