El kit de herramientas Tachyons se utiliza para crear un sitio web receptivo. En este artículo, aprenderemos cómo agregar el estilo Helvetica a la fuente usando el kit de herramientas Tachyons.
Tachyons Typography Helvetica es un tipo de letra sans-serif ampliamente utilizado. Fue desarrollado por los diseñadores tipográficos suizos Max Miedinger y Eduard Hoffmann en 1957. En palabras simples, es el nombre de una fuente.
Taquiones Tipografía Clase Helvetica:
- helvetica: esta clase se utiliza para incluir la fuente Helvetica.
Sintaxis:
<element-name class="helvetica">
...
</element-name>
Ejemplo 1: En este ejemplo, veremos el uso de la clase Helvetica.
HTML
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href=
"https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css" />
<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>
Producción:
Ejemplo 2: En este ejemplo, veremos el uso de la clase Helvetica.
HTML
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href=
"https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css" />
<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>
Producción:
Referencia: https://tachyons.io/docs/typography/font-family/helvetica/