Align fonts with GOV.UK Frontend (via .govuk-form-group only)

Only add “GDS Transport” to the font stack when using `.govuk-form-group` wrappers
alphagov · Jan 18, 2024 · 77c5ba8 · 77c5ba8
1 parent dbc3052
commit 77c5ba8
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/dist/accessible-autocomplete.min.css b/dist/accessible-autocomplete.min.css
diff --git a/src/autocomplete.css b/src/autocomplete.css
@@ -155,6 +155,15 @@
   font-weight: 400;
 }
 
+/* Try font "GDS Transport" for GOV.UK form groups */
+.govuk-form-group .autocomplete__hint,
+.govuk-form-group .autocomplete__input,
+.govuk-form-group .autocomplete__option {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
 .autocomplete__hint,
 .autocomplete__option {
   padding: 5px;