dm-mono.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. /* We're using the "ss05" (stylistic set 5) version of the DM Mono, on the font-feature-settings rule */
  2. /* https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings */
  3. /* We use the ss05 specifically to remove the "squiggle" below the f letter. */
  4. /* You can try removing the `font-feature-settings` rule and check what happens to the letter "f", */
  5. /* as it's quite hard to describe it with sentences alone */
  6. @font-face {
  7. font-family: 'DM Mono';
  8. font-feature-settings: 'ss05';
  9. font-style: normal;
  10. font-weight: 400;
  11. font-display: fallback;
  12. src: url('dm-mono/DMMono-Regular.woff2') format('woff2');
  13. }
  14. @font-face {
  15. font-family: 'DM Mono';
  16. font-feature-settings: 'ss05';
  17. font-style: italic;
  18. font-weight: 400;
  19. font-display: fallback;
  20. src: url('dm-mono/DMMono-Italic.woff2') format('woff2');
  21. }
  22. @font-face {
  23. font-family: 'DM Mono';
  24. font-feature-settings: 'ss05';
  25. font-style: normal;
  26. font-weight: 500;
  27. font-display: fallback;
  28. src: url('dm-mono/DMMono-Medium.woff2') format('woff2');
  29. }
  30. @font-face {
  31. font-family: 'DM Mono';
  32. font-feature-settings: 'ss05';
  33. font-style: italic;
  34. font-weight: 500;
  35. font-display: fallback;
  36. src: url('dm-mono/DMMono-MediumItalic.woff2') format('woff2');
  37. }