Tachyons Typography Roboto

Last Updated : 20 Jun, 2022

In this article, we will learn how to style text in Roboto using the Tachyons toolkit. Tachyons toolkit is free and open-source that is used to create a responsive website.

Roboto is a font style that is used to style the text. It is a sans-serif typeface family developed by Google as the system font for its mobile operating system Android.

Syntax:

<element-name class="roboto ">...</element-name>

Used Classes:

roboto class: This class is used to style text in Roboto.

Example 1:

HTML

<!DOCTYPE html> 
<html> 
  
<head> 
    <link rel="stylesheet" href= 
"https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css" /> 
</head> 
  
<body> 
    <center> 
        <h1 class="green"> 
            GeeksforGeeks 
        </h1> 
          
        <h3 class="roboto"> 
            A Computer Science Portal For Geeks 
        </h3> 
    </center> 
</body> 
  
</html>

Output:

Example 2:

HTML

<!DOCTYPE html> 
<html> 
  
<head> 
    <link rel="stylesheet" href= 
"https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css" /> 
</head> 
  
<body> 
    <center> 
        <h1 class="green"> 
            GeeksforGeeks 
        </h1> 
          
        <h3 class="roboto"> 
            A Computer Science Portal For Geeks 
        </h3> 
          
        <button class="roboto">GFG</button> 
        <button class="roboto">Practice</button> 
        <button class="roboto">Code</button> 
    </center> 
</body> 
  
</html>