Tachyons Typography Roboto
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
Share your thoughts in the comments
Please Login to comment...