Roboto Font-Weight test

by Johan Pantzare

HTML

<script src="http://fonts.googleapis.com/css?family=Roboto:400,700"></script>
<div>See: <a href="http://fonts.googleapis.com/css?family=Roboto:100,700" target="_blank">http://fonts.googleapis.com/css?family=Roboto:400,700</a>, font-weight for bold is 700</div>
<div class="foo0">Foo (Font-Weight 200)</div>
<div class="foo">Foo (Font-Weight 3oo)</div>
<div class="foo2">Foo (Font-Weight 400)</div>
<div class="bar">Bar (Font-Weight bold)</div>
<div class="baz">Baz (Font-Weight bold, rendered by most browsers)</div>

CSS

div {
  padding: 20px;
  margin: 30px;
  font-size:16px;
  background: silver;
  font-family: 'Roboto', sans-serif;
}
.foo0 {
 
  font-weight:200;
}

.foo {
 
  font-weight:300;
}
.foo2 {
  
  font-weight:400;
}

.bar {
  font-weight: 700;
}

.baz {
  font-weight: bold;
}