material-symbols.css 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. @font-face {
  2. font-family: 'Material Symbols Rounded';
  3. font-style: normal;
  4. font-weight: 400;
  5. font-display: block;
  6. /*
  7. Generated from MaterialSymbolsRounded[FILL,GRAD,opsz,wght].woff2 with specific values:
  8. 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20
  9. */
  10. src: url('MaterialSymbolsRoundedSlice.woff2') format('woff2');
  11. }
  12. @font-face {
  13. /* note: was "Material Symbols Rounded Unfilled Partial" but must be a name in Firefox's icon_font_allowlist */
  14. font-family: 'Material Symbols Outlined';
  15. font-style: normal;
  16. font-weight: 400;
  17. font-display: block;
  18. /*
  19. Generated by frontend/fonts/material-symbols/build-unfilled.mjs
  20. */
  21. src: url('MaterialSymbolsRoundedUnfilledPartialSlice.woff2') format('woff2');
  22. }
  23. .material-symbols {
  24. font-family: 'Material Symbols Rounded';
  25. font-weight: normal;
  26. font-style: normal;
  27. font-size: 20px;
  28. font-variation-settings:
  29. 'FILL' 1,
  30. 'wght' 400,
  31. 'GRAD' 0,
  32. 'opsz' 20;
  33. line-height: 1;
  34. letter-spacing: normal;
  35. text-transform: none;
  36. display: inline-block;
  37. white-space: nowrap;
  38. word-wrap: normal;
  39. direction: ltr;
  40. font-feature-settings: 'liga';
  41. -webkit-font-smoothing: antialiased;
  42. &.size-2x {
  43. font-size: 2em;
  44. }
  45. &.rotate-180 {
  46. transform: rotate(180deg);
  47. }
  48. &.unfilled {
  49. /* note: was "Material Symbols Rounded Unfilled Partial" but must be a name in Firefox's icon_font_allowlist */
  50. font-family: 'Material Symbols Outlined';
  51. font-variation-settings:
  52. 'FILL' 0,
  53. 'wght' 400,
  54. 'GRAD' 0,
  55. 'opsz' 20;
  56. }
  57. }