Open In App

Tachyons Typography Helvetica

Improve
Improve
Like Article
Like
Save
Share
Report

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/



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