Typography

Aa

Aa

Aa

Aa

Aa

Aa

This is a level 1 heading

This is a level 2 heading

This is a level 3 heading

This is a level 4 heading

This is a level 5 heading
This is a level 6 heading

This is a paragraph with large font size. Large font size paragraphs may be used in the beginning of an article, as an introduction to it. Or at the end as a recap or call to action.

This is a paragraph with medium font size. This size is the default size for the DualTone theme. Use this format for most of your posts and pages’ content. This is a link shown as unvisited links are shown inside the content of a page or post. And this is a link shown as visited links are shown inside the content of a page or post.

This is a paragraph with small font size. Small size paragraphs may be used in footers, for instances or places you do not want to emphasize that much. A smaller size for discreet piece of information.

  • This is an external link that will always open in a new tab. To create one, go to Edit link and check the Advanced ‘Open in new tab’ option.
  • This is an external link opened in the ‘blank’ tab. To create one, you have to add the target=”blank” property to the link by switching to the code editor.
  • This is an inactive link. It has been done by asigning a url equals to ##. This is how menu items may be turned into non active header items.
  • This a go back link. When you click on it, it will either go back to the previous page you visited or close the tab. To create one, you have to add the class ‘go-back-link’ to the link by switching to the code editor.
  • This a go to top link. When you click on it, it scroll up to the beginning of the page. To create one, you have to add the class ‘go-top-link’ to the link by switching to the code editor.
  1. This is an ordered list item
  2. This is the second item
  3. This is the third item. This item is larger than the rest so it will fill more than one line of text
  4. This is the fourth and last item of this list
  • This is an unordered list item
  • This is another item
  • This is a very very large item of an unordered list. This item is larger than the rest so it will fill more than one line of text
  • This is just another one more little item

Anyone who has never made a mistake has never tried anything new.

Albert Eisntein

Everything must be made as simple as possible. But not simpler.

Albert Eisntein
DescriptionCostReviewsStatus
This is a description of something46.32$done
This is something similar43.12$⭐⭐on sale
This is much more expensive2,340.00$⭐⭐⭐it’s a joke
This is extraordinary12,234,2340.01$dreaming
Example of table caption
class DualTone_Theme
{
    public $defaults = [];

    public function __construct( array $theme_params)
    {
        /* Do something interesting here */
    }

    public function addAction( $action, $function )
    {
        add_action( $action, function() use($function)
        {
            $function();
        }
    }
}

Click on the left arrow or on the details title to reveal the answer ↓

What does a typographic system consist of?

A typografic system is a certain way of using the typographical elements in a design, in order to achive some desired goals along with ensuring consistency and readability.

The main typographical elements are: typefaces, font sizes, line heights, line lenghts, paragraphs widths and some aditional decoration and styling options.

Preformatted text if styled using a monospaced font, which means all the characters including white spaces have the same width.

This is preformatted tex.
And this is also preformatted.

--------
|| || ||
--------
The fog comes
on little cat feet.

It sits looking
over harbor and city
on silent haunches
and then moves on.