Tachyons Typography San Francisco
Tachyons is a CSS toolkit that is used to create a responsive website. In this article, we will learn how we can provide white space on a web page using the CSS toolkit named Tachyons.
The San Francisco is a font style that is used to style the text. It was made by Apple Inc. and was first released to developers on November 18, 2014.
Tachyons Typography San Francisco Class:
- san-francisco: This class is used to style the text in San Francisco.
Syntax:
<element-name class="san-francisco">...</element-name>
Example 1: The following example demonstrates the Tachyons Typography of San Francisco.
HTML
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href= </head> <body> <center> <h1 class="green"> GeeksforGeeks </h1> <h3 class="san-francisco"> A Computer Science Portal For Geeks </h3> </center> </body> </html> |
Output:
Example 2: The following example demonstrates the Tachyons Typography of San Francisco.
HTML
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href= </head> <body> <center> <h1 class="green"> GeeksforGeeks </h1> <h3 class="san-francisco fw1"> A Computer Science Portal For Geeks </h3> <h3 class="san-francisco"> Computer Science Portal </h3> </center> </body> </html> |
Output:
Reference: http://tachyons.io/docs/typography/font-family/san-francisco/
Please Login to comment...