Web (.scss)
Pick a platform
Code copied to clipboard.

See Roboto on Google Fonts for further installation instructions.

            
$mdc-typography-styles-headline1: (
  font-family: unquote("Roboto"),
  font-size: 96
);
$mdc-typography-styles-headline2: (
  font-family: unquote("Roboto"),
  font-size: 60
);
$mdc-typography-styles-headline3: (
  font-family: unquote("Roboto"),
  font-size: 48
);
$mdc-typography-styles-headline4: (
  font-family: unquote("Roboto"),
  font-size: 34
);
$mdc-typography-styles-headline5: (
  font-family: unquote("Roboto"),
  font-size: 24
);
$mdc-typography-styles-headline6: (
  font-family: unquote("Roboto"),
  font-size: 20
);
$mdc-typography-styles-body1: (
  font-family: unquote("Roboto"),
  font-size: 16
);
$mdc-typography-styles-body2: (
  font-family: unquote("Roboto"),
  font-size: 14
);
$mdc-typography-styles-subtitle1: (
  font-family: unquote("Roboto"),
  font-size: 16
);
$mdc-typography-styles-subtitle2: (
  font-family: unquote("Roboto"),
  font-size: 14
);
$mdc-typography-styles-button: (
  font-family: unquote("Roboto"),
  font-size: 14
);
$mdc-typography-styles-overline: (
  font-family: unquote("Roboto"),
  font-size: 10
);
$mdc-typography-styles-caption: (
  font-family: unquote("Roboto"),
  font-size: 12
);