Roboto Font packaged as XStatic.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

roboto-fontface.less 1.5KB

12345678910111213141516171819202122232425262728293031323334353637
  1. @roboto-font-path: '../fonts';
  2. .roboto-font(@type, @weight, @style) {
  3. @font-face {
  4. font-family: 'Roboto';
  5. src: url('@{roboto-font-path}/Roboto-@{type}.eot');
  6. src: url('@{roboto-font-path}/Roboto-@{type}.eot?#iefix') format('embedded-opentype'),
  7. url('@{roboto-font-path}/Roboto-@{type}.woff2') format('woff2'),
  8. url('@{roboto-font-path}/Roboto-@{type}.woff') format('woff'),
  9. url('@{roboto-font-path}/Roboto-@{type}.ttf') format('truetype'),
  10. url('@{roboto-font-path}/Roboto-@{type}.svg#Roboto') format('svg');
  11. font-weight: @weight;
  12. font-style: @style;
  13. }
  14. @font-face {
  15. font-family: 'Roboto-@{type}';
  16. src: url('@{roboto-font-path}/Roboto-@{type}.eot');
  17. src: url('@{roboto-font-path}/Roboto-@{type}.eot?#iefix') format('embedded-opentype'),
  18. url('@{roboto-font-path}/Roboto-@{type}.woff2') format('woff2'),
  19. url('@{roboto-font-path}/Roboto-@{type}.woff') format('woff'),
  20. url('@{roboto-font-path}/Roboto-@{type}.ttf') format('truetype'),
  21. url('@{roboto-font-path}/Roboto-@{type}.svg#Roboto') format('svg');
  22. }
  23. }
  24. .roboto-font-pair(@type, @weight) {
  25. .roboto-font('@{type}', @weight, normal);
  26. .roboto-font('@{type}Italic', @weight, italic);
  27. }
  28. .roboto-font-pair('Thin', 100);
  29. .roboto-font-pair('Light', 300);
  30. .roboto-font-pair('Regular', 400);
  31. .roboto-font-pair('Medium', 500);
  32. .roboto-font-pair('Bold', 700);
  33. .roboto-font-pair('Black', 900);