Foundation CSS Typography Complete Reference

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

Article Tags :

CSS

Web Technologies