Skip to the content (Enter ↩︎) Send feedback about accessibility (Enter ↩︎)

Just a simple, customizable static site theme

  • Share Site
  • Typography

    Current Values

    Top-Level Heading

    2nd-Level Heading

    3rd-Level Heading

    4th-Level Heading

    5th-Level Heading
    6th-Level Heading

    A paragraph (from the Greek paragraphos, “to write beside” or “written beside”) is a self-contained unit of a discourse in writing dealing with a particular point or idea. A paragraph consists of one or more sentences. Though not required by the syntax of any language, paragraphs are usually an expected part of formal writing, used to organize longer prose.

    I'm talking about really serious issues.

    Really long header this time, and I still trying get this overflow it. Don't mind me I'm just enlarging it for no reason

    I believe you're right!

    And second time this is a little bit smaller but still big.

    And second time this is a little bit smaller but still big, and I still trying get this overflow it. Don't mind me I'm just enlarging it for no reason

    Also I agree with this one!

    But this is just keeps in the middle

    But this is just keeps in the middle, and I still trying get this overflow it. Don't mind me I'm just enlarging it for no reason

    Everyone needs a particular part after all!

    This one supposed to be boring, vague, trivial, unimportant, etc. etc.

    This one supposed to be boring, vague, trivial, unimportant, etc. etc., and I still trying get this overflow it. Don't mind me I'm just enlarging it for no reason

    Has same position almost everything

    That is small but not too small
    That is small but not too small, and I still trying get this overflow it. Don't mind me I'm just enlarging it for no reason

    But smaller than normal text!

    Hey
    Hey, and I still trying get this overflow it. Don't mind me I'm just enlarging it for no reason

    Greetings.


    Are we close each other?

    Why not would we?

    Count me too!


    I'm a caption but got no partner, I'm just here to show my vertical rhythm!

    This is a paragraph. And this is variable inside paragraph. Is there any difference in the line size? If not, then let's continue with

    caption of figure

    This is a text link.

    Strong is used to indicate strong importance.

    This text has added emphasis.

    The b element is stylistically different text from normal text, without any special importance.

    The i element is text that is offset from the normal text.

    The u element is text with an unarticulated, though explicitly rendered, non-textual annotation.

    This text is deleted and This text is inserted.

    This text has a strikethrough.

    Superscript®.

    Subscript for things like H2O.

    This small text is small for fine print, etc.

    Abbreviation: HTML

    This text is a short inline quotation.

    This is a citation.

    The dfn element indicates a definition.

    The mark element indicates a highlight.

    The variable element, such as x = y.

    The time element:

    Utility Classes for Texts

    This is a test that includes various text styles like extra 1px stroke (u-txtStroke) to make texts artificially bold and stuff with also fixed fill and stroke color (u-txtOnImg) so you can use this to make text readable on any color or image in both themes.

    You can color inline texts whatever you want. Tomato soup (u-txtRed), lemonade (u-txtYellow), orange juice (u-txtOrange), green soda (u-txtGreen), blueberry (u-txtBlue), cyanide (u-txtCyan) even a pony (u-txtRainbowAnimated) etc.

    This is a huge text with animated rainbow fill inside.

    This is bulky text and looks great in headings!