Open In App

Tachyons Typography San Francisco

Improve
Improve
Like Article
Like
Save
Share
Report

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/



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