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 Base Typography Paragraphs
- Foundation CSS Base Typography Header
- Foundation CSS Base Typography Links
- Foundation CSS Base Typography Dividers
- Foundation CSS Base Typography Unordered Lists
- Foundation CSS Base Typography Ordered Lists
- Foundation CSS Base Typography Definition Lists
- Foundation CSS Base Typography Blockquotes
- Foundation CSS Base Typography Abbreviations
- Foundation CSS Base Typography Code
- Foundation CSS Base Typography Keystrokes
- Foundation CSS Base Typography Accessibility
- Foundation CSS Base Typography Print Styles
- Foundation CSS Base Typography Sass Reference
- 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" >w3wiki</ h1 > < h5 >Foundation CSS Base Typography Keystrokes</ h5 > < p > Press < kbd >ctrl + esc</ kbd > to exit the game. </ p > </ center > </ body > </ html > |
Output:
Contact Us