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= 
"https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css" /> 
</head> 
  
<body> 
    <center> 
        <h1 class="green"> 
            w3wiki 
        </h1> 
          
        <h3 class="san-francisco"> 
            A Computer Science Portal For Beginner 
        </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= 
"https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css" /> 
</head> 
  
<body> 
    <center> 
        <h1 class="green"> 
            w3wiki 
        </h1> 
          
        <h3 class="san-francisco fw1"> 
            A Computer Science Portal For Beginner 
        </h3> 
        <h3 class="san-francisco"> 
            Computer Science Portal 
        </h3> 
    </center> 
</body> 
  
</html> 

Output:

Reference: http://tachyons.io/docs/typography/font-family/san-francisco/

HTML

HTML

Contact Us