diff --git a/res/css/_common.pcss b/res/css/_common.pcss
index 7a0528102d5..65d76939b4c 100644
--- a/res/css/_common.pcss
+++ b/res/css/_common.pcss
@@ -92,6 +92,14 @@ html {
 body {
     font: var(--cpd-font-body-md-regular);
     letter-spacing: var(--cpd-font-letter-spacing-body-md);
+    /**
+     * We want to apply Inter Dynamic metrics (https://rsms.me/inter/dynmetrics/)
+     * We need to tweak the `letter-spacing` property and doing so, disables by
+     * default the optional ligatures
+     * `font-feature-settings` allows us to override this behaviour and have the
+     * correct ligatures and the proper dynamic metric spacing.
+     */
+    font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
 
     background-color: $background;
     color: $primary-content;