{"id":1734,"date":"2014-02-06T11:11:51","date_gmt":"2014-02-06T11:11:51","guid":{"rendered":"http:\/\/live.bobosh.com\/path\/?page_id=1734"},"modified":"2014-04-01T07:04:35","modified_gmt":"2014-04-01T05:04:35","slug":"typography","status":"publish","type":"page","link":"https:\/\/wpdemo24.com\/path\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"<p class=\"ingress\">Typography is the art and technique of arranging type in order to make the language it forms most appealing to transparent learning and recognition.<\/p>\n<p>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).<\/p>\n<h2>Level Two Heading<\/h2>\n<figure id=\"attachment_44\" aria-describedby=\"caption-attachment-44\" style=\"width: 140px\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" class=\"size-thumbnail wp-image-44\" alt=\"Here's a caption too!\" src=\"http:\/\/live.bobosh.com\/path\/wp-content\/uploads\/2013\/12\/hero1-150x150.jpg\" width=\"150\" height=\"150\" srcset=\"https:\/\/wpdemo24.com\/path\/wp-content\/uploads\/2013\/12\/hero1-150x150.jpg 150w, https:\/\/wpdemo24.com\/path\/wp-content\/uploads\/2013\/12\/hero1-40x40.jpg 40w, https:\/\/wpdemo24.com\/path\/wp-content\/uploads\/2013\/12\/hero1-80x80.jpg 80w, https:\/\/wpdemo24.com\/path\/wp-content\/uploads\/2013\/12\/hero1-340x340.jpg 340w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><figcaption id=\"caption-attachment-44\" class=\"wp-caption-text\">Here&#8217;s a caption too!<\/figcaption><\/figure>\n<p>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.<\/p>\n<p>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 &#8220;typography is now something everybody does.&#8221;<\/p>\n<blockquote><p>Blockquotes look like this. In modern times, typography has been put into motion to add emotion to mass communication.<\/p><\/blockquote>\n<h2>Text and an unordered list<\/h2>\n<p>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.<\/p>\n<figure id=\"attachment_1893\" aria-describedby=\"caption-attachment-1893\" style=\"width: 140px\" class=\"wp-caption alignleft\"><img loading=\"lazy\" decoding=\"async\" class=\"size-thumbnail wp-image-1893\" alt=\"Another image with a caption.\" src=\"http:\/\/live.bobosh.com\/path\/wp-content\/uploads\/2014\/01\/tumblr_mqq4ivpL641st5lhmo1_12801-150x150.jpg\" width=\"150\" height=\"150\" srcset=\"https:\/\/wpdemo24.com\/path\/wp-content\/uploads\/2014\/01\/tumblr_mqq4ivpL641st5lhmo1_12801-150x150.jpg 150w, https:\/\/wpdemo24.com\/path\/wp-content\/uploads\/2014\/01\/tumblr_mqq4ivpL641st5lhmo1_12801-40x40.jpg 40w, https:\/\/wpdemo24.com\/path\/wp-content\/uploads\/2014\/01\/tumblr_mqq4ivpL641st5lhmo1_12801-80x80.jpg 80w, https:\/\/wpdemo24.com\/path\/wp-content\/uploads\/2014\/01\/tumblr_mqq4ivpL641st5lhmo1_12801-340x340.jpg 340w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><figcaption id=\"caption-attachment-1893\" class=\"wp-caption-text\">Another image with a caption.<\/figcaption><\/figure>\n<ul>\n<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<\/li>\n<li>Aliquam tincidunt mauris eu risus.<\/li>\n<li>Nested list<\/li>\n<\/ul>\n<p>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.<\/p>\n<h3>Code Formatting<\/h3>\n<pre>a {\r\n\u00a0font-weight: bold;\r\n\u00a0text-decoration: none;\r\n\u00a0-webkit-transition: all 0.2s ease-in-out;\r\n\u00a0-moz-transition: all 0.2s ease-in-out;\r\n\u00a0-o-transition: all 0.2s ease-in-out;\r\n\u00a0transition: all 0.2s ease-in-out;\r\n}<\/pre>\n<h3>Table Styles<\/h3>\n<p>This is a test to see if the fonts used in this theme support basic Latin characters.<\/p>\n<table>\n<tbody>\n<tr>\n<td>!<\/td>\n<td>&#8220;<\/td>\n<td>#<\/td>\n<td>$<\/td>\n<td>%<\/td>\n<td>&amp;<\/td>\n<td>&#8216;<\/td>\n<td>(<\/td>\n<td>)<\/td>\n<td>*<\/td>\n<\/tr>\n<tr>\n<td>+<\/td>\n<td>,<\/td>\n<td>&#8211;<\/td>\n<td>.<\/td>\n<td>\/<\/td>\n<td>0<\/td>\n<td>1<\/td>\n<td>2<\/td>\n<td>3<\/td>\n<td>4<\/td>\n<\/tr>\n<tr>\n<td>5<\/td>\n<td>6<\/td>\n<td>7<\/td>\n<td>8<\/td>\n<td>9<\/td>\n<td>:<\/td>\n<td>;<\/td>\n<td>&gt;<\/td>\n<td>=<\/td>\n<td>&lt;<\/td>\n<\/tr>\n<tr>\n<td>?<\/td>\n<td>@<\/td>\n<td>A<\/td>\n<td>B<\/td>\n<td>C<\/td>\n<td>D<\/td>\n<td>E<\/td>\n<td>F<\/td>\n<td>G<\/td>\n<td>H<\/td>\n<\/tr>\n<tr>\n<td>I<\/td>\n<td>J<\/td>\n<td>K<\/td>\n<td>L<\/td>\n<td>M<\/td>\n<td>N<\/td>\n<td>O<\/td>\n<td>P<\/td>\n<td>Q<\/td>\n<td>R<\/td>\n<\/tr>\n<tr>\n<td>S<\/td>\n<td>T<\/td>\n<td>U<\/td>\n<td>V<\/td>\n<td>W<\/td>\n<td>X<\/td>\n<td>Y<\/td>\n<td>Z<\/td>\n<td>[<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>]<\/td>\n<td>^<\/td>\n<td>_<\/td>\n<td>`<\/td>\n<td>a<\/td>\n<td>b<\/td>\n<td>c<\/td>\n<td>d<\/td>\n<td>e<\/td>\n<td>f<\/td>\n<\/tr>\n<tr>\n<td>g<\/td>\n<td>h<\/td>\n<td>i<\/td>\n<td>j<\/td>\n<td>k<\/td>\n<td>l<\/td>\n<td>m<\/td>\n<td>n<\/td>\n<td>o<\/td>\n<td>p<\/td>\n<\/tr>\n<tr>\n<td>q<\/td>\n<td>r<\/td>\n<td>s<\/td>\n<td>t<\/td>\n<td>u<\/td>\n<td>v<\/td>\n<td>w<\/td>\n<td>x<\/td>\n<td>y<\/td>\n<td>z<\/td>\n<\/tr>\n<tr>\n<td>{<\/td>\n<td>|<\/td>\n<td>}<\/td>\n<td>~<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Highlighting Text<\/h3>\n<p>You can easily highlight a piece of text. Just <span class=\"highlight\">add a span with the class <b>highlight<\/b><\/span>. This can be done in the Text editor view. Here&#8217;s an example:<\/p>\n<pre>&lt;span class=\"highlight\"&gt;This text will be highlighted.&lt;\/span&gt;<\/pre>\n<h3>Pull Quote Styles<\/h3>\n<p>Using pull quotes is easy too. Just add a class of <b>pull-right<\/b> or <b>pull-left<\/b> to a piece of text. This can be done in the Text editor view. Here&#8217;s an example:<\/p>\n<pre>&lt;span class=\"pull-right\"&gt;Pull this text right.&lt;\/span&gt;<\/pre>\n<p>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.<br \/>\n<span class=\"pull-right\">This text right here is pulled right.<\/span><\/p>\n<p>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.<\/p>\n<p><span class=\"pull-left\">And here is a little piece of text pulled left.<\/span><\/p>\n<p>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.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":44,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1734","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/wpdemo24.com\/path\/wp-json\/wp\/v2\/pages\/1734","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpdemo24.com\/path\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpdemo24.com\/path\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpdemo24.com\/path\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdemo24.com\/path\/wp-json\/wp\/v2\/comments?post=1734"}],"version-history":[{"count":5,"href":"https:\/\/wpdemo24.com\/path\/wp-json\/wp\/v2\/pages\/1734\/revisions"}],"predecessor-version":[{"id":1944,"href":"https:\/\/wpdemo24.com\/path\/wp-json\/wp\/v2\/pages\/1734\/revisions\/1944"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpdemo24.com\/path\/wp-json\/wp\/v2\/media\/44"}],"wp:attachment":[{"href":"https:\/\/wpdemo24.com\/path\/wp-json\/wp\/v2\/media?parent=1734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}