{"id":296,"date":"2018-01-12T10:10:06","date_gmt":"2018-01-12T10:10:06","guid":{"rendered":"https:\/\/ecomann.fi\/?page_id=296"},"modified":"2025-06-16T17:27:12","modified_gmt":"2025-06-16T17:27:12","slug":"typography","status":"publish","type":"page","link":"https:\/\/ecomann.fi\/index.php\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row css=&#8221;.vc_custom_1477659689740{margin-top: -0.3em !important;}&#8221;][vc_column icons_position=&#8221;left&#8221;][vc_column_text]Lorem ipsum dolor sit amet, etiam regione per ex, at mutat audiam scaevola duo. Per in persius consetetur. Mel an mutat omnes tamquam. Fuisset lobortis quo et, quot putent te quo. Duo vocent theophrastus ut, in prodesset theophrastus usu. Mei et nobis.<\/p>\n<p>Usu in errem abhorreant persequeris, populo viderer conceptam ex mea. Vel dicta lobortis temporibus ea, no nemore ancillae usu, cum dicit adversarium ut. Nec ne.<\/p>\n<h1>H1 Heading<\/h1>\n<p>Lorem ipsum dolor sit amet, etiam regione per ex, at mutat audiam scaevola duo. Per in persius consetetur. Mel an mutat omnes tamquam. Fuisset lobortis quo et, quot putent te quo. Duo vocent theophrastus ut, in prodesset theophrastus usu. Mei et nobis.<\/p>\n<h2>H2 Heading<\/h2>\n<p>Lorem ipsum dolor sit amet, etiam regione per ex, at mutat audiam scaevola duo. Per in persius consetetur. Mel an mutat omnes tamquam. Fuisset lobortis quo et, quot putent te quo. Duo vocent theophrastus ut, in prodesset theophrastus usu. Mei et nobis.<\/p>\n<h3>H3 Heading<\/h3>\n<p>Lorem ipsum dolor sit amet, etiam regione per ex, at mutat audiam scaevola duo. Per in persius consetetur. Mel an mutat omnes tamquam. Fuisset lobortis quo et, quot putent te quo. Duo vocent theophrastus ut, in prodesset theophrastus usu. Mei et nobis.<\/p>\n<h4>H4 Heading<\/h4>\n<p>Lorem ipsum dolor sit amet, etiam regione per ex, at mutat audiam scaevola duo. Per in persius consetetur. Mel an mutat omnes tamquam. Fuisset lobortis quo et, quot putent te quo. Duo vocent theophrastus ut, in prodesset theophrastus usu. Mei et nobis.<\/p>\n<h5>H5 Heading<\/h5>\n<p>Lorem ipsum dolor sit amet, etiam regione per ex, at mutat audiam scaevola duo. Per in persius consetetur. Mel an mutat omnes tamquam. Fuisset lobortis quo et, quot putent te quo. Duo vocent theophrastus ut, in prodesset theophrastus usu. Mei et nobis.<\/p>\n<h6>H6 Heading<\/h6>\n<p>Lorem ipsum dolor sit amet, etiam regione per ex, at mutat audiam scaevola duo. Per in persius consetetur. Mel an mutat omnes tamquam. Fuisset lobortis quo et, quot putent te quo. Duo vocent theophrastus ut, in prodesset theophrastus usu. Mei et nobis.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#e3e7e8&#8243;][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_column_text]<\/p>\n<h4>Standard Inline Elements<\/h4>\n<p><strong>Bold text<\/strong> dolor sit amet, consectetur <a href=\"#\">link color<\/a> and<span class=\"trx_addons_accent_hovered trx_addons_hovered_text\"> hovered link<\/span> sed do eiusmod tempor hovered ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation <span class=\"trx_addons_accent_bg\">accent background<\/span> ullamco laboris nisi ut aliquip ex ea dafault link color consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.<\/p>\n<p><em>Italic text<\/em> example iste natus error sit voluptatem italic text example doloremque laudantium, totam rem aperiam,\u00a0<span class=\"trx_addons_tooltip\" data-tooltip=\"Tooltip title\">tooltip example<\/span> eaque ipsa quae ab illo inventore vei beatae explicabo. Nemo enptatem quia oluptas sit aspernatur. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#e3e7e8&#8243;][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_column_text]<\/p>\n<h4>Blockquotes<\/h4>\n<div class=\"dummy\"><\/div>\n<p>[\/vc_column_text][vc_column_text]Lorem ipsum dolor sit amet, etiam regione per ex, at mutat audiam scaevola duo. Per in persius consetetur. Mel an mutat omnes tamquam. Fuisset lobortis quo et, quot putent te quo. Duo vocent theophrastus ut, in prodesset theophrastus usu.<\/p>\n<blockquote><p>The experience was absolutely incredible right from opening the front door. It\u2019s unusual to get someone who really wows&#8230;\u201d<br \/>\n<cite>Samantha Green<\/cite><\/p><\/blockquote>\n<p>Lorem ipsum dolor sit amet, etiam regione per ex, at mutat audiam scaevola duo. Per in persius consetetur. Mel an mutat omnes tamquam. Fuisset lobortis quo et, quot putent te quo. Duo vocent theophrastus ut, in prodesset theophrastus usu. [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#e3e7e8&#8243;][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_column_text]<\/p>\n<h4>Dropcaps<\/h4>\n<div class=\"dummy\"><\/div>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243; icons_position=&#8221;left&#8221;][vc_column_text]<span class=\"trx_addons_dropcap trx_addons_dropcap_style_1\">A<\/span>orem i dol sitet, consecipisc ng elit, sed dia nibh euismod tincidunt ut laoreet lore agna. Ut perspiciatis, is iste naccu doloremque lauantium, totam rem periam eaque.[\/vc_column_text][vc_empty_space height=&#8221;1em&#8221; hide_on_desktop=&#8221;1&#8243; hide_on_notebook=&#8221;1&#8243; hide_on_tablet=&#8221;1&#8243; hide_on_mobile=&#8221;&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243; icons_position=&#8221;left&#8221;][vc_column_text]<span class=\"trx_addons_dropcap trx_addons_dropcap_style_2\">A<\/span>orem i dol sitet, consecipisc ng elit, sed dia nibh euismod tincidunt ut laoreet lore agna. Ut perspiciatis, is iste naccu doloremque lauantium, totam rem periam eaque.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#e3e7e8&#8243;][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_column_text]<\/p>\n<h4>Image Alignment<\/h4>\n<div class=\"dummy\"><\/div>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullam corper suscipit lobortis.<\/p>\n<figure id=\"attachment_164\" aria-describedby=\"caption-attachment-164\" style=\"width: 300px\" class=\"wp-caption alignleft\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-164 size-medium\" src=\"https:\/\/ecomann.fi\/wp-content\/uploads\/2018\/05\/bg-6-copyright-min.jpg\" alt=\"\" width=\"300\" height=\"183\" \/><figcaption id=\"caption-attachment-164\" class=\"wp-caption-text\">Image Title<\/figcaption><\/figure>\n<p>Lorem ipsum dolor sit amet, ctetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.<\/p>\n<p>Tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-142 size-medium\" src=\"https:\/\/ecomann.fi\/wp-content\/uploads\/2018\/05\/bg-5-copyright-min.jpg\" alt=\"\" width=\"300\" height=\"205\" \/>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.<\/p>\n<p>Dolore magna aliquam erat volutp tation ullamcr suscipit lobortis nisl ut aliquip ex ea commodo consequat uis autem vel eum iriure dolor in hendrerit.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#e3e7e8&#8243;][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_column_text]<\/p>\n<h4>List styles<\/h4>\n<div class=\"dummy\"><\/div>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_column_text]<\/p>\n<ul class=\"trx_addons_list_custom\">\n<li>Suspendisse dignissim<\/li>\n<li>Nullam efficitur nunc<\/li>\n<li>Etiam eu lectus at<\/li>\n<li>Etiam lobortis metus<\/li>\n<li>Etiam lobortis metus<\/li>\n<li>Etiam lobortis metus<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#e3e7e8&#8243;][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_column_text]<\/p>\n<h4>Table<\/h4>\n<div class=\"dummy\"><\/div>\n<p>[\/vc_column_text]<div id=\"sc_table_744471579_wrap\" class=\"sc_table_wrap\"><div id=\"sc_table_744471579\"\n\t\t\tclass=\"sc_table sc_table_default trx_addons_inline_198942114\"><\/p>\n<table summary=\"Table example\" cellspacing=\"0\">\n<tbody>\n<tr>\n<th>#<\/th>\n<th>Column 1<\/th>\n<th>Column 2<\/th>\n<th>Column 3<\/th>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">1<\/td>\n<td style=\"text-align: center;\">Row 1 Cell 1<\/td>\n<td style=\"text-align: center;\">Row 1 Cell 2<\/td>\n<td style=\"text-align: center;\">Row 1 Cell 3<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">2<\/td>\n<td style=\"text-align: center;\">Row 2 Cell 1<\/td>\n<td style=\"text-align: center;\">Row 2 Cell 2<\/td>\n<td style=\"text-align: center;\">Row 2 Cell 3<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">3<\/td>\n<td style=\"text-align: center;\">Row 3 Cell 1<\/td>\n<td style=\"text-align: center;\">Row 3 Cell 2<\/td>\n<td style=\"text-align: center;\">Row 3 Cell 3<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><\/div><\/div><!-- \/.sc_table_wrap -->[\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#e3e7e8&#8243;][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_column_text]<\/p>\n<h4>Inputs &amp; Buttons<\/h4>\n<div class=\"dummy\"><\/div>\n<p>[\/vc_column_text][contact-form-7 id=&#8221;1935&#8243;][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_empty_space height=&#8221;3em&#8221; hide_on_desktop=&#8221;&#8221; hide_on_notebook=&#8221;&#8221; hide_on_tablet=&#8221;&#8221; hide_on_mobile=&#8221;&#8221;]<a href=\"#\" id=\"sc_button_1440833462\" class=\"sc_button color_style_default sc_button_default sc_button_size_normal sc_button_icon_left\"><span class=\"sc_button_text\"><span class=\"sc_button_title\">Read More<\/span><\/span><!-- \/.sc_button_text --><\/a><!-- \/.sc_button --><a href=\"#\" id=\"sc_button_1518884685\" class=\"sc_button color_style_link2 sc_button_default sc_button_size_normal sc_button_icon_left\"><span class=\"sc_button_text\"><span class=\"sc_button_title\">Submit Email<\/span><\/span><!-- \/.sc_button_text --><\/a><!-- \/.sc_button -->[\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;]<a href=\"#\" id=\"sc_button_87361959\" class=\"sc_button color_style_default sc_button_bordered  vc_custom_1523351965787 sc_button_size_normal sc_button_icon_left\"><span class=\"sc_button_text\"><span class=\"sc_button_title\">Get support<\/span><\/span><!-- \/.sc_button_text --><\/a><!-- \/.sc_button --><a href=\"#\" id=\"sc_button_647168068\" class=\"sc_button color_style_link2 sc_button_default sc_button_size_small sc_button_icon_left\"><span class=\"sc_button_text\"><span class=\"sc_button_title\">Info<\/span><\/span><!-- \/.sc_button_text --><\/a><!-- \/.sc_button -->[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1477659689740{margin-top: -0.3em !important;}&#8221;][vc_column icons_position=&#8221;left&#8221;][vc_column_text]Lorem ipsum dolor sit amet, etiam regione per ex, at mutat audiam scaevola duo. Per in persius consetetur. Mel an mutat omnes tamquam. Fuisset lobortis quo&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-296","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ecomann.fi\/index.php\/wp-json\/wp\/v2\/pages\/296","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ecomann.fi\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ecomann.fi\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ecomann.fi\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ecomann.fi\/index.php\/wp-json\/wp\/v2\/comments?post=296"}],"version-history":[{"count":0,"href":"https:\/\/ecomann.fi\/index.php\/wp-json\/wp\/v2\/pages\/296\/revisions"}],"wp:attachment":[{"href":"https:\/\/ecomann.fi\/index.php\/wp-json\/wp\/v2\/media?parent=296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}