Roboto fonts, Page: 1

   

arrow_back
arrow_forward
arrow_upward
SPR
REF

PARTICIPATION

VEGETATION

Normal Interactive Process

Many more design possibilities with less space

Intro text leads reader into article by the nose, with grace and dignity and a little pithy charm. Typeface has changed to the appropriate optical size by the miracle of modern typography.

CSS rob XX_300  
.rob10_300
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 10pt;
line-height: 1.02667;
font-weight: 300;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob12_300
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 12pt;
line-height: 1.02667;
font-weight: 300;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob14_300
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 14pt;
line-height: 1.02667;
font-weight: 300;
font-variation-settings: "wdth" 140, "slnt" 0;
}
VEGETATION
all Inspired
.rob16_300
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 16pt;
line-height: 1.02667;
font-weight: 300;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob18_300
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 18pt;
line-height: 1.02667;
font-weight: 300;
font-variation-settings: "wdth" 180, "slnt" 0;
}
VEGETATION
all Inspired
.rob20_300
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 20pt;
line-height: 1.02667;
font-weight: 300;
font-variation-settings: "wdth" 200, "slnt" 0;
}
VEGETATION
all Inspired
.rob22_300
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 22pt;
line-height: 1.02667;
font-weight: 300;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob24_300
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 24pt;
line-height: 1.02667;
font-weight: 300;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob26_300
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 26pt;
line-height: 1.02667;
font-weight: 300;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob28_300
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 28pt;
line-height: 1.02867;
font-weight: 300;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob30_300
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 30pt;
line-height: 1.03067;
font-weight: 300;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob32_300
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 32pt;
line-height: 1.03267;
font-weight: 300;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob34_300
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 34pt;
line-height: 1.03467;
font-weight: 300;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob36_300
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 36pt;
line-height: 1.02667;
font-weight: 300;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob38_300
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 38pt;
line-height: 1.03867;
font-weight: 300;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob40_300
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 40pt;
line-height: 1.04067;
font-weight: 300;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob42_300
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 42pt;
line-height: 1.042067;
font-weight: 300;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob44_300
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 44pt;
line-height: 1.044067;
font-weight: 300;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob46_300
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 46pt;
line-height: 1.046067;
font-weight: 300;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob48_300
{
color: inherit;
background: transparent;
font-family: Roboto;
font-size: 48pt;
line-height: 1.02667;
font-weight: 300;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
CSS rob XX_500  
.rob10_500
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 10pt;
line-height: 1.02667;
font-weight: 500;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob12_500
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 12pt;
line-height: 1.02667;
font-weight: 500;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob14_500
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 14pt;
line-height: 1.02667;
font-weight: 500;
font-variation-settings: "wdth" 140, "slnt" 0;
}
VEGETATION
all Inspired
.rob16_500
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 16pt;
line-height: 1.02667;
font-weight: 500;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob18_500
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 18pt;
line-height: 1.02667;
font-weight: 500;
font-variation-settings: "wdth" 180, "slnt" 0;
}
VEGETATION
all Inspired
.rob20_500
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 20pt;
line-height: 1.02667;
font-weight: 500;
font-variation-settings: "wdth" 200, "slnt" 0;
}
VEGETATION
all Inspired
.rob22_500
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 22pt;
line-height: 1.02667;
font-weight: 500;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob24_500
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 24pt;
line-height: 1.02667;
font-weight: 500;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob26_500
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 26pt;
line-height: 1.02667;
font-weight: 500;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob28_500
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 28pt;
line-height: 1.02867;
font-weight: 500;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob30_500
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 30pt;
line-height: 1.03067;
font-weight: 500;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob32_500
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 32pt;
line-height: 1.03267;
font-weight: 500;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob34_500
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 34pt;
line-height: 1.03467;
font-weight: 500;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob36_500
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 36pt;
line-height: 1.02667;
font-weight: 500;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob38_500
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 38pt;
line-height: 1.03867;
font-weight: 500;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob40_500
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 40pt;
line-height: 1.04067;
font-weight: 500;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob42_500
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 42pt;
line-height: 1.042067;
font-weight: 500;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob44_500
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 44pt;
line-height: 1.044067;
font-weight: 500;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob46_500
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 46pt;
line-height: 1.046067;
font-weight: 500;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob48_500
{
color: inherit;
background: transparent;
font-family: Roboto;
font-size: 48pt;
line-height: 1.02667;
font-weight: 500;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
CSS rob XX_700  
.rob10_700
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 10pt;
line-height: 1.02667;
font-weight: 700;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob12_700
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 12pt;
line-height: 1.02667;
font-weight: 700;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob14_700
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 14pt;
line-height: 1.02667;
font-weight: 700;
font-variation-settings: "wdth" 140, "slnt" 0;
}
VEGETATION
all Inspired
.rob16_700
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 16pt;
line-height: 1.02667;
font-weight: 700;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob18_700
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 18pt;
line-height: 1.02667;
font-weight: 700;
font-variation-settings: "wdth" 180, "slnt" 0;
}
VEGETATION
all Inspired
.rob20_700
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 20pt;
line-height: 1.02667;
font-weight: 700;
font-variation-settings: "wdth" 200, "slnt" 0;
}
VEGETATION
all Inspired
.rob22_700
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 22pt;
line-height: 1.02667;
font-weight: 700;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob24_700
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 24pt;
line-height: 1.02667;
font-weight: 700;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob26_700
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 26pt;
line-height: 1.02667;
font-weight: 700;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob28_700
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 28pt;
line-height: 1.02867;
font-weight: 700;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob30_700
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 30pt;
line-height: 1.03067;
font-weight: 700;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob32_700
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 32pt;
line-height: 1.03267;
font-weight: 700;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob34_700
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 34pt;
line-height: 1.03467;
font-weight: 700;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob36_700
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 36pt;
line-height: 1.02667;
font-weight: 700;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob38_700
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 38pt;
line-height: 1.03867;
font-weight: 700;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob40_700
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 40pt;
line-height: 1.04067;
font-weight: 700;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob42_700
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 42pt;
line-height: 1.042067;
font-weight: 700;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob44_700
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 44pt;
line-height: 1.044067;
font-weight: 700;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob46_700
{color: inherit;
background: transparent;
font-family: Roboto;
font-size: 46pt;
line-height: 1.046067;
font-weight: 700;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired
.rob48_700
{
color: inherit;
background: transparent;
font-family: Roboto;
font-size: 48pt;
line-height: 1.02667;
font-weight: 700;
font-variation-settings: "wdth" 100, "slnt" 0;
}
VEGETATION
all Inspired