Tachyons toolkit is used to create a responsive website. In this article, we will learn how to add Helvetica style to the font using the Tachyons toolkit.
Tachyons Typography Helvetica is a widely used sans-serif typeface. It was developed by Swiss typeface designers Max Miedinger and Eduard Hoffmann in 1957. In simple words, it is the name of a font.
Tachyons Typography Helvetica Class:
- helvetica: This class is used to include Helvetica font.
Syntax:
<element-name class="helvetica">
...
</element-name>Example 1: In this example, we will see the use of the Helvetica class.
HTML
<!DOCTYPE html> <html>
<head>
<link rel="stylesheet" href=
<style>
body {
text-align: center;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>
GeeksforGeeks
</h1>
<h3>
A computer science portal for geeks
</h3>
<div class="helvetica">
GeeksforGeeks
</div><br>
</body>
</html>
|
Output:
Example 2: In this example, we will see the use of the Helvetica class.
HTML
<!DOCTYPE html> <html>
<head>
<link rel="stylesheet" href=
<style>
body {
text-align: center;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>
GeeksforGeeks
</h1>
<h3>
A computer science portal for geeks
</h3>
<h4>
Programming Language
</h4>
<button class="btn helvetica" type="button">
Helvetica
</button>
</body>
</html>
|
Output:
Reference: https://tachyons.io/docs/typography/font-family/helvetica/