Tachyons Typography Helvetica
Last Updated :
17 Jun, 2022
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/
Share your thoughts in the comments
Please Login to comment...