roboto.scss 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. @font-face {
  2. font-family: mastodon-font-sans-serif;
  3. src:
  4. local('Roboto Italic'),
  5. url('../fonts/roboto/roboto-italic-webfont.woff2') format('woff2'),
  6. url('../fonts/roboto/roboto-italic-webfont.woff') format('woff'),
  7. url('../fonts/roboto/roboto-italic-webfont.ttf') format('truetype'),
  8. url('../fonts/roboto/roboto-italic-webfont.svg#roboto-italic-webfont')
  9. format('svg');
  10. font-weight: normal;
  11. font-display: swap;
  12. font-style: italic;
  13. }
  14. @font-face {
  15. font-family: mastodon-font-sans-serif;
  16. src:
  17. local('Roboto Bold'),
  18. url('../fonts/roboto/roboto-bold-webfont.woff2') format('woff2'),
  19. url('../fonts/roboto/roboto-bold-webfont.woff') format('woff'),
  20. url('../fonts/roboto/roboto-bold-webfont.ttf') format('truetype'),
  21. url('../fonts/roboto/roboto-bold-webfont.svg#roboto-bold-webfont')
  22. format('svg');
  23. font-weight: bold;
  24. font-display: swap;
  25. font-style: normal;
  26. }
  27. @font-face {
  28. font-family: mastodon-font-sans-serif;
  29. src:
  30. local('Roboto Medium'),
  31. url('../fonts/roboto/roboto-medium-webfont.woff2') format('woff2'),
  32. url('../fonts/roboto/roboto-medium-webfont.woff') format('woff'),
  33. url('../fonts/roboto/roboto-medium-webfont.ttf') format('truetype'),
  34. url('../fonts/roboto/roboto-medium-webfont.svg#roboto-medium-webfont')
  35. format('svg');
  36. font-weight: 500;
  37. font-display: swap;
  38. font-style: normal;
  39. }
  40. @font-face {
  41. font-family: mastodon-font-sans-serif;
  42. src:
  43. local('Roboto'),
  44. url('../fonts/roboto/roboto-regular-webfont.woff2') format('woff2'),
  45. url('../fonts/roboto/roboto-regular-webfont.woff') format('woff'),
  46. url('../fonts/roboto/roboto-regular-webfont.ttf') format('truetype'),
  47. url('../fonts/roboto/roboto-regular-webfont.svg#roboto-regular-webfont')
  48. format('svg');
  49. font-weight: normal;
  50. font-display: swap;
  51. font-style: normal;
  52. }