Typography

Typography

2

Typography is the art and technique of arranging type in order to make the language it forms most appealing to transparent learning and recognition.

The arrangement of type involves the selection of typefaces, point size, line length, leading (line spacing), adjusting the spaces between groups of letters (tracking) and adjusting the space between pairs of letters (kerning).

Level Two Heading

Here's a caption too!
Here’s a caption too!

Typography is performed by typesetters, compositors, typographers, graphic designers, art directors, comic book artists, graffiti artists, clerical workers, and anyone else who arranges type for a product. Until the Digital Age, typography was a specialized occupation.

Digitization opened up typography to new generations of visual designers and lay users, and David Jury, Head of Graphic Design at Colchester Institute in England, states that “typography is now something everybody does.”

Blockquotes look like this. In modern times, typography has been put into motion to add emotion to mass communication.

Text and an unordered list

It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Another image with a caption.
Another image with a caption.
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Aliquam tincidunt mauris eu risus.
  • Nested list

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

Code Formatting

a {
 font-weight: bold;
 text-decoration: none;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

Table Styles

This is a test to see if the fonts used in this theme support basic Latin characters.

! # $ % & ( ) *
+ , . / 0 1 2 3 4
5 6 7 8 9 : ; > = <
? @ A B C D E F G H
I J K L M N O P Q R
S T U V W X Y Z [
] ^ _ ` a b c d e f
g h i j k l m n o p
q r s t u v w x y z
{ | } ~

Highlighting Text

You can easily highlight a piece of text. Just add a span with the class highlight. This can be done in the Text editor view. Here’s an example:

<span class="highlight">This text will be highlighted.</span>

Pull Quote Styles

Using pull quotes is easy too. Just add a class of pull-right or pull-left to a piece of text. This can be done in the Text editor view. Here’s an example:

<span class="pull-right">Pull this text right.</span>

It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
This text right here is pulled right.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

And here is a little piece of text pulled left.

Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce in est. Sed nec diam.

2 Comments

  1. Avatar Alexander Doe Author
    March 31, 2014 at 3:27 am Reply

    Comments look like this . Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo.

Leave a Reply to Jonathan Doe X