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/