overleaf/services/web/frontend/fonts/dm-mono.css
M Fahru 4c0c341fe1 Merge pull request #16827 from overleaf/mf-change-font-to-dedicated-icon
[website-redesign] Optimize page speed for website redesign pages

GitOrigin-RevId: c4e88b4dd3c44866779f35a0ebc1e808d6df7780
2024-02-09 09:08:05 +00:00

41 lines
1.2 KiB
CSS

/* We're using the "ss05" (stylistic set 5) version of the DM Mono, on the font-feature-settings rule */
/* https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings */
/* We use the ss05 specifically to remove the "squiggle" below the f letter. */
/* You can try removing the `font-feature-settings` rule and check what happens to the letter "f", */
/* as it's quite hard to describe it with sentences alone */
@font-face {
font-family: 'DM Mono';
font-feature-settings: 'ss05';
font-style: normal;
font-weight: 400;
font-display: fallback;
src: url('dm-mono/DMMono-Regular.woff2') format('woff2');
}
@font-face {
font-family: 'DM Mono';
font-feature-settings: 'ss05';
font-style: italic;
font-weight: 400;
font-display: fallback;
src: url('dm-mono/DMMono-Italic.woff2') format('woff2');
}
@font-face {
font-family: 'DM Mono';
font-feature-settings: 'ss05';
font-style: normal;
font-weight: 500;
font-display: fallback;
src: url('dm-mono/DMMono-Medium.woff2') format('woff2');
}
@font-face {
font-family: 'DM Mono';
font-feature-settings: 'ss05';
font-style: italic;
font-weight: 500;
font-display: fallback;
src: url('dm-mono/DMMono-MediumItalic.woff2') format('woff2');
}