UI: Disable font ligatures by default (#1729)

src/GameOptions/ui/InterfacePage.tsx

@@ -18,7 +18,7 @@ export const InterfacePage = (): React.ReactElement => {
         checked={Settings.DisableASCIIArt}
         onChange={(newValue) => (Settings.DisableASCIIArt = newValue)}
         text="Disable ascii art"
-        tooltip={<>If this is set all ASCII art will be disabled.</>}
+        tooltip={<>If this is set, all ASCII arts will be disabled.</>}
       />
       <OptionSwitch
         checked={Settings.DisableTextEffects}
@@ -35,13 +35,13 @@ export const InterfacePage = (): React.ReactElement => {
         checked={Settings.DisableOverviewProgressBars}
         onChange={(newValue) => (Settings.DisableOverviewProgressBars = newValue)}
         text="Disable Overview Progress Bars"
-        tooltip={<>If this is set, the progress bars in the character overview will be hidden.</>}
+        tooltip={<>If this is set, progress bars in the character overview will be hidden.</>}
       />
       <OptionSwitch
         checked={Settings.ShowMiddleNullTimeUnit}
         onChange={(newValue) => (Settings.ShowMiddleNullTimeUnit = newValue)}
-        text="Show all intermediary times unit, even when null."
-        tooltip={<>ex : 1 hours 13 seconds becomes 1 hours 0 minutes 13 seconds.</>}
+        text="Show all intermediary time units, even when null."
+        tooltip={<>Example: 1 hour 13 seconds becomes 1 hour 0 minutes 13 seconds.</>}
       />
       <Tooltip
         title={

src/Settings/Settings.ts

@@ -137,7 +137,7 @@ export const Settings = {
   MonacoFontFamily: "JetBrainsMono",
   /** Text size for script editor. */
   MonacoFontSize: 20,
-  /** Whether to use font ligatures */
+  /** Whether to use font ligatures in the script editor */
   MonacoFontLigatures: false,
   /** Whether to use Vim mod by default in the script editor */
   MonacoDefaultToVim: false,

src/ui/LoadingScreen.tsx

@@ -24,6 +24,8 @@ export function LoadingScreen(): React.ReactElement {
     document.title = `Bitburner ${version}`;
   }
 
+  document.body.style.fontVariantLigatures = "none";
+
   useEffect(() => {
     const id = setTimeout(() => {
       if (!loaded) setShow(true);