Foundation CSS Typography Complete Reference

Last Updated : 10 Jun, 2022

Foundation CSS Typography facilitates the clean, simple default style, with attractive styling to the basic typographical elements, that enhance the readability. It can be defined for the headings, paragraphs, lists, other inline components, etc, that helps to create an appealing style for the elements.

Complete list Foundation CSS Typography are listed below:

Foundation CSS Base Typography
Foundation CSS Typography Helpers
- Foundation CSS Typography Helpers Text Alignment
- Foundation CSS Typography Helpers Subheader
- Foundation CSS Typography Helpers Lead Paragraph
- Foundation CSS Typography Helpers Un-bulleted List
- Foundation CSS Typography Helpers Typescale
- Foundation CSS Typography Helpers Statistics
- Foundation CSS Typography Helpers Sass Reference

Below example will give you a brief idea about the Typography of Foundation CSS:

Example:

HTML

<!DOCTYPE html> 
<html> 
  
<head> 
    <meta charset="utf-8" /> 
    <title> 
        Foundation CSS Base Typography 
    </title> 
    <meta name="viewport"
          content="width=device-width, 
                initial-scale=1" /> 
    <link rel="stylesheet" 
          href= 
"https://cdn.jsdelivr.net/npm/foundation-sites@6.7.4/dist/css/foundation.min.css"
          crossorigin="anonymous" /> 
</head> 
  
<body> 
    <center> 
        <h1 style="color: green">GeeksforGeeks</h1> 
        <h5>Foundation CSS Base Typography Keystrokes</h5> 
        <p> Press <kbd>ctrl + esc</kbd> to exit the game. </p> 
    </center> 
</body> 
  
</html> 

Output:

Foundation CSS Typography

Suggest improvement

Foundation CSS Typography Helpers

Foundation CSS General Complete Reference

Share your thoughts in the comments

Foundation Setup

Foundation Containers

Foundation Navigation

Foundation Typography

Foundation Controls

Foundation Media

Foundation Plugins

Foundation Utilities