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/
Last Updated :
19 Sep, 2022
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...