Typography
Typography for Website (H1tag)
This page is designed to show you the "typograghy" of your website. If you assign a "FORMAT" or "STYLE" to your text in the editor, it will match the "formats" & "styles" that are assigned on a template level. By reviewing this page you can see what each format and style look like.
There is a section label with a "Horizontal Rule" (a line) directly above and below it to separate each style or format to help demonstrate the "spacing" differences.
THIS IS A STANDARD PARAGRAPH WITHOUT A FORMAT OR STYLE APPLIED:
PARAGRAPH: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et risus sit amet nisi sollicitudin bibendum non quis risus. Sed imperdiet posuere placerat. Proin sit amet turpis sed metus tincidunt consequat non quis lorem. Morbi commodo bibendum sapien, malesuada accumsan magna eleifend ut. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi a felis nulla, id pellentesque lectus. Nunc mollis, purus vel imperdiet cursus, neque sem fermentum magna, nec dapibus nisi metus eget lacus. Vestibulum odio nisl, hendrerit in semper nec, dapibus sit amet magna. Vestibulum interdum convallis nunc a pulvinar. Sed vulputate consectetur aliquam. Phasellus congue nunc id quam posuere id dictum libero imperdiet.
THIS IS A PARAGRAPH WITH A FORMAT APPLIED:
ADDRESS: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et risus sit amet nisi sollicitudin bibendum non quis risus. Sed imperdiet posuere placerat. Proin sit amet turpis sed metus tincidunt consequat non quis lorem. Morbi commodo bibendum sapien, malesuada accumsan magna eleifend ut. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi a felis nulla, id pellentesque lectus. Nunc mollis, purus vel imperdiet cursus, neque sem fermentum magna, nec dapibus nisi metus eget lacus. Vestibulum odio nisl, hendrerit in semper nec, dapibus sit amet magna. Vestibulum interdum convallis nunc a pulvinar. Sed vulputate consectetur aliquam. Phasellus congue nunc id quam posuere id dictum libero imperdiet.
PREFORMATTED: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et risus sit amet nisi sollicitudin bibendum non quis risus. Sed imperdiet posuere placerat. Proin sit amet turpis sed metus tincidunt consequat non quis lorem. Morbi commodo bibendum sapien, malesuada accumsan magna eleifend ut. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi a felis nulla, id pellentesque lectus. Nunc mollis, purus vel imperdiet cursus, neque sem fermentum magna, nec dapibus nisi metus eget lacus. Vestibulum odio nisl, hendrerit in semper nec, dapibus sit amet magna. Vestibulum interdum convallis nunc a pulvinar. Sed vulputate consectetur aliquam. Phasellus congue nunc id quam posuere id dictum libero imperdiet.
THESE ARE EXAMPLES OF USING SOME OF THE FORMATTING BUTTON ICONS IN THE EDITOR (Bold, Italic, list, etc.):
ITALIC TEXT: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
BOLD TEXT: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
BOLD-ITALIC TEXT: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
STANDARD UNORDERED LIST FORMATTING:
This is what an ordered list wil look like.
- - List Item 1
- - List Item 2
- - List Item 3
- - List Item 4
STANDARD ORDERED LIST FORMATTING:
This is what an ordered list wil look like.
- - List Item 1
- - List Item 2
- - List Item 3
- - List Item 4
THIS IS A BLOCK QUOTE EXAMPLE BELOW
This text is in a block quote. Block quotes are used to draw attention to special text
HEADING TAGS
This is how each of the Headings (Htags) will appear:
Heading 1 TAG - H1
Heading 2 TAG - H2
Heading 3 TAG - H3
Heading 4 TAG - H4
Heading 5 TAG - H5
Heading 6 TAG - H6
THESE ARE STYLES
The following text is "paragraph format". However, an additional "style" has been applied. There is a "Horizontal Rule" (a line) directly above and below each paragraph of text to help demonstrate the "spacing" differences between styles.
FORMAT: PARAGRAPH, STYLE: NOMARGIN - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et risus sit amet nisi sollicitudin bibendum non quis risus. Sed imperdiet posuere placerat. Proin sit amet turpis sed metus tincidunt consequat non quis lorem. Morbi commodo bibendum sapien, malesuada accumsan magna eleifend ut. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi a felis nulla, id pellentesque lectus. Nunc mollis, purus vel imperdiet cursus, neque sem fermentum magna, nec dapibus nisi metus eget lacus. Vestibulum odio nisl, hendrerit in semper nec, dapibus sit amet magna. Vestibulum interdum convallis nunc a pulvinar. Sed vulputate consectetur aliquam. Phasellus congue nunc id quam posuere id dictum libero imperdiet.
FORMAT: PARAGRAPH, STYLE: MARGIN5 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et risus sit amet nisi sollicitudin bibendum non quis risus. Sed imperdiet posuere placerat. Proin sit amet turpis sed metus tincidunt consequat non quis lorem. Morbi commodo bibendum sapien, malesuada accumsan magna eleifend ut. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi a felis nulla, id pellentesque lectus. Nunc mollis, purus vel imperdiet cursus, neque sem fermentum magna, nec dapibus nisi metus eget lacus. Vestibulum odio nisl, hendrerit in semper nec, dapibus sit amet magna. Vestibulum interdum convallis nunc a pulvinar. Sed vulputate consectetur aliquam. Phasellus congue nunc id quam posuere id dictum libero imperdiet.
FORMAT: PARAGRAPH, STYLE: MARGIN10 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et risus sit amet nisi sollicitudin bibendum non quis risus. Sed imperdiet posuere placerat. Proin sit amet turpis sed metus tincidunt consequat non quis lorem. Morbi commodo bibendum sapien, malesuada accumsan magna eleifend ut. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi a felis nulla, id pellentesque lectus. Nunc mollis, purus vel imperdiet cursus, neque sem fermentum magna, nec dapibus nisi metus eget lacus. Vestibulum odio nisl, hendrerit in semper nec, dapibus sit amet magna. Vestibulum interdum convallis nunc a pulvinar. Sed vulputate consectetur aliquam. Phasellus congue nunc id quam posuere id dictum libero imperdiet.
FORMAT: PARAGRAPH, STYLE: INDENT10 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et risus sit amet nisi sollicitudin bibendum non quis risus. Sed imperdiet posuere placerat. Proin sit amet turpis sed metus tincidunt consequat non quis lorem. Morbi commodo bibendum sapien, malesuada accumsan magna eleifend ut. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi a felis nulla, id pellentesque lectus. Nunc mollis, purus vel imperdiet cursus, neque sem fermentum magna, nec dapibus nisi metus eget lacus. Vestibulum odio nisl, hendrerit in semper nec, dapibus sit amet magna. Vestibulum interdum convallis nunc a pulvinar. Sed vulputate consectetur aliquam. Phasellus congue nunc id quam posuere id dictum libero imperdiet.
FORMAT: PARAGRAPH, STYLE: INDENT30 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et risus sit amet nisi sollicitudin bibendum non quis risus. Sed imperdiet posuere placerat. Proin sit amet turpis sed metus tincidunt consequat non quis lorem. Morbi commodo bibendum sapien, malesuada accumsan magna eleifend ut. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi a felis nulla, id pellentesque lectus. Nunc mollis, purus vel imperdiet cursus, neque sem fermentum magna, nec dapibus nisi metus eget lacus. Vestibulum odio nisl, hendrerit in semper nec, dapibus sit amet magna. Vestibulum interdum convallis nunc a pulvinar. Sed vulputate consectetur aliquam. Phasellus congue nunc id quam posuere id dictum libero imperdiet.
FORMAT: PARAGRAPH, STYLE: INDENT50 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et risus sit amet nisi sollicitudin bibendum non quis risus. Sed imperdiet posuere placerat. Proin sit amet turpis sed metus tincidunt consequat non quis lorem. Morbi commodo bibendum sapien, malesuada accumsan magna eleifend ut. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi a felis nulla, id pellentesque lectus. Nunc mollis, purus vel imperdiet cursus, neque sem fermentum magna, nec dapibus nisi metus eget lacus. Vestibulum odio nisl, hendrerit in semper nec, dapibus sit amet magna. Vestibulum interdum convallis nunc a pulvinar. Sed vulputate consectetur aliquam. Phasellus congue nunc id quam posuere id dictum libero imperdiet.
ITALIC TEXT: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
BOLD TEXT: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
BOLD-ITALIC TEXT: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
STANDARD UNORDERED LIST FORMATTING:
This is what an ordered list wil look like.
- - List Item 1
- - List Item 2
- - List Item 3
- - List Item 4
STANDARD ORDERED LIST FORMATTING:
This is what an ordered list wil look like.
- - List Item 1
- - List Item 2
- - List Item 3
- - List Item 4
This is a block quote