improve font control

src/components/font_control/font_control.vue

@@ -1,13 +1,5 @@
 <template>
   <div class="font-control">
-    <label
-      :id="name + '-label'"
-      :for="manualEntry ? name : name + '-font-switcher'"
-      class="label"
-    >
-      {{ $t('settings.style.themes3.font.label', { label }) }}
-    </label>
-    {{ ' ' }}
     <Checkbox
       v-if="typeof fallback !== 'undefined'"
       :id="name + '-o'"
@@ -15,8 +7,15 @@
       :model-value="present"
       @change="$emit('update:modelValue', typeof modelValue === 'undefined' ? fallback : undefined)"
     >
-      {{ $t('settings.style.themes3.define') }}
+      <i18n-t
+        scope="global"
+        keypath="settings.style.fonts.override"
+        tag="span"
+      >
+        {{ label }}
+      </i18n-t>
     </Checkbox>
+    {{ ' ' }}
     <div
       v-if="modelValue?.family"
       class="font-input"
@@ -143,10 +142,6 @@
     margin-left: 2em;
     margin-top: 0.5em;
   }
-
-  .font-checkbox {
-    margin-left: 1em;
-  }
 }
 
 .invalid-tooltip {

src/i18n/en.json

@@ -1079,6 +1079,13 @@
           "post": "Post text",
           "monospace": "Monospaced text"
         },
+        "components_inline": {
+          "interface": "interface",
+          "input": "input fields",
+          "post": "post text",
+          "monospace": "monospaced text"
+        },
+        "override": "Override {0} font",
         "family": "Font name",
         "size": "Size (in px)",
         "weight": "Weight (boldness)",