Open In App

Tachyons Typography Roboto

Improve
Improve
Like Article
Like
Save
Share
Report

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=
</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=
</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>


Output:

 

Reference: https://tachyons.io/docs/typography/font-family/roboto/



Last Updated : 20 Jun, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads