Change font to RobotoDraft + inherit color

The new font which is used in Material Design is called "RobotoDraft". You are currently using the old font called "Roboto". You can add RobotoDraft font by adding this to your page (or copy the contents of this file to your own .css file):
    <link href='//fonts.googleapis.com/css?family=RobotoDraft:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en' rel='stylesheet' type='text/css'>

Also, whenever you use <h1> for example, you were restricted to 1 color (#212121) unless you overwrite that. The html tag uses #212121 too, so you could use inherit the color instead.