Tachyons Typography Helvetica
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/
Please Login to comment...