Fonts, Typography & Comments

Fonts, Typography & Comments

Fonts and Typography are probably one of the most important aspect of the visual design of any website. Get full control over your website’s fonts using the backend panel. Embed [highlight color=”gray”]any of the 600+ fonts[/highlight] from the ENTIRE Google web fonts directory. This method has proven benefits over Cufon Font replacement, and is presently one of the most widely used CSS3 font replacement technologies. Google supports it, so why shouldn’t we!
fonts-typography

Bold, Italics, Underline, Links, Text Color, Underline, Strike

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum. In hac habitasse platea dictumst. Mauris lobortis mi vitae dui vehicula ac iaculis sem vulputate tempus lectus vitae.

Image Style Classes

Add a style class to your inserted image to make them stand apart.
[one_fifth]

default
default

[/one_fifth][one_fifth]

img_circle
img_circle

[/one_fifth][one_fifth]

img_polaroid
img_polaroid

[/one_fifth][one_fifth]

img_round
img_round

[/one_fifth][one_fifth_last]

img_frame
img_frame

[/one_fifth_last]

Lists

This is an ordered list:

  1. Pellentesque a tortor felis.
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  3. Duis vitae urna tristique mauris aliquet egestas non et ipsum.
  4. In hac habitasse platea dictumst.
  5. Mauris lobortis mi vitae dui vehicula ac iaculis sem vulputate.

This is an unordered list

  • Pellentesque a tortor felis.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Duis vitae urna tristique mauris aliquet egestas non et ipsum.
  • In hac habitasse platea dictumst.
  • Mauris lobortis mi vitae dui vehicula ac iaculis sem vulputate.

Tags – Blockquote, Small/Cite, Code, Pre, Address

This text is in a ‘blockquote’ tag – Pellentesque a tortor felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum. In hac habitasse platea dictumst. Mauris lobortis mi vitae dui vehicula ac iaculis sem vulputate. Fusce tempus lectus vitae justo eleifend a pretium ipsum auctor. Fusce luctus massa eu lacus aliquet convallis.

This text is in a ‘blockquote’ tagwith a pull_right class applied to it. Below what you see is the ‘small’ or a ‘cite’ tag John Doe

This text is in an ‘address’ tag
7777, Level 77,
Rockerfellow Centre,
NYC, New York, USA

This text is in a 'code' tag - Pellentesque a tortor felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum. In hac habitasse platea dictumst. Mauris lobortis mi vitae dui vehicula ac iaculis sem vulputate. Fusce tempus lectus vitae justo eleifend a pretium ipsum auctor. Fusce luctus massa eu lacus aliquet convallis.

This text is in a 'pre' tag - Pellentesque a tortor felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum. In hac habitasse platea dictumst. Mauris lobortis mi vitae dui vehicula ac iaculis sem vulputate. Fusce tempus lectus vitae justo eleifend a pretium ipsum auctor. Fusce luctus massa eu lacus aliquet convallis.

Paragraph Alignments

Left Aligned – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum. In hac habitasse platea dictumst. Mauris lobortis mi vitae dui vehicula ac iaculis sem vulputate. Fusce tempus lectus vitae justo eleifend a pretium ipsum auctor. Fusce luctus massa eu lacus aliquet convallis. Vivamus porttitor suscipit magna non tempor. Pellentesque a tortor felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Right Aligned – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum. In hac habitasse platea dictumst. Mauris lobortis mi vitae dui vehicula ac iaculis sem vulputate. Fusce tempus lectus vitae justo eleifend a pretium ipsum auctor. Fusce luctus massa eu lacus aliquet convallis. Vivamus porttitor suscipit magna non tempor. Pellentesque a tortor felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Center Aligned – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum. In hac habitasse platea dictumst. Mauris lobortis mi vitae dui vehicula ac iaculis sem vulputate. Fusce tempus lectus vitae justo eleifend a pretium ipsum auctor. Fusce luctus massa eu lacus aliquet convallis. Vivamus porttitor suscipit magna non tempor. Pellentesque a tortor felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Image Alignments

image-02Left Align Image Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum. In hac habitasse platea dictumst. Mauris lobortis mi vitae dui vehicula ac iaculis sem vulputate. Fusce tempus lectus vitae justo eleifend a pretium ipsum auctor. Fusce luctus massa eu lacus aliquet convallis. Vivamus porttitor suscipit magna non tempor. Pellentesque a tortor felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum. In hac habitasse platea dictumst. Mauris lobortis mi vitae dui vehicula ac iaculis sem vulputate.

Image CaptionRight Align Image Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum. In hac habitasse platea dictumst. Mauris lobortis mi vitae dui vehicula ac iaculis sem vulputate. Fusce tempus lectus vitae justo eleifend a pretium ipsum auctor. Fusce luctus massa eu lacus aliquet convallis. Vivamus porttitor suscipit magna non tempor. Pellentesque a tortor felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum. In hac habitasse platea dictumst. Mauris lobortis luctus massa eu lacus aliquet convallis. Vivamus porttito mi vitae dui vehicula ac iace.image-01CenterAlign Image Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum. In hac habitasse platea dictumst. Mauris lobortis mi vitae dui vehicula ac iaculis sem vulputate. Fusce tempus lectus vitae justo eleifend a pretium ipsum auctor. Fusce luctus massa eu lacus aliquet convallis. Vivamus porttitor suscipit magna non tempor. Pellentesque a tortor felis.

This is Heading1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum.

This is Heading2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum.

This is Heading3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum.

This is Heading4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum.

This is Heading5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum.

This is Heading6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum.

This is Heading1

This is Heading2

This is Heading3

This is Heading4

This is Heading5
This is Heading6

7 comentarios

  1. Comment With HTML

    Praesent mauris cursyseli, sollicitudin eu pharetra a, aliquet sed nisl. Maecenas cursus lobortis justo eu facilisis. Fusce tincidunt mi quis est pharetra cursus vivamus ultrices sem eget nisl.

    Blockquote Text with Cite tag – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor faucibus sit amet sed diam.John Doe

    1. Vivamus sodales nunc sit amet ante condimentum non malesuada ligula gravida. Aenean eu sem turpis. Nulla ut tincidunt nisi. Aliquam faucibus faucibus laoreet. Sed scelerisque leo sed erat volutpat commodo.

        1. Duis vitae urna tristique mauris aliquet egestas non et ipsum. In hac habitasse platea dictumst.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum. In hac habitasse platea dictumst.

        2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae urna tristique mauris aliquet egestas non et ipsum. In hac habitasse platea dictumst. Mauris lobortis mi vitae dui vehicula ac iaculis sem vulputate. Fusce tempus lectus vitae justo eleifend a pretium ipsum auctor. Fusce luctus massa eu lacus aliquet convallis.

Deja un comentario