{"id":45,"date":"2015-03-30T20:07:32","date_gmt":"2015-03-30T23:07:32","guid":{"rendered":"https:\/\/www.origamid.com\/codex\/?p=45"},"modified":"2016-10-04T15:09:10","modified_gmt":"2016-10-04T18:09:10","slug":"1-4-1-5-line-height-para-definir-a-altura-da-linha","status":"publish","type":"post","link":"https:\/\/www.origamid.com\/codex\/1-4-1-5-line-height-para-definir-a-altura-da-linha\/","title":{"rendered":"1.4 ~ 1.5 Line-Height para definir a altura da linha"},"content":{"rendered":"<img decoding=\"async\" src=\"https:\/\/www.origamid.com\/codex\/wp-content\/uploads\/2015\/03\/line-height.png\" alt=\"1.4 ~ 1.5 Line-Height para definir a altura da linha\" \/>\n<p>Uma altura de linha de 1.4\/1.5 X o tamanho do texto, geralmente \u00e9 o ideal para corpos de texto na web. Considere este tamanho para tipografias semelhantes a Helvetica e Arial.<\/p>\n<p>O que tentamos alcan\u00e7ar com essa regra \u00e9 um texto que n\u00e3o fique muito grudado e nem muito separado.<\/p>\n<p data-height=\"300\" data-theme-id=\"24256\" data-slug-hash=\"77c7d2ca3f6a435a78334ab6a32f3e72\" data-default-tab=\"result\" data-user=\"origamid\" data-embed-version=\"2\" data-editable=\"true\" class=\"codepen\">See the Pen <a href=\"http:\/\/codepen.io\/origamid\/pen\/77c7d2ca3f6a435a78334ab6a32f3e72\/\">77c7d2ca3f6a435a78334ab6a32f3e72<\/a> by Andr\u00e9 | Origamid (<a href=\"http:\/\/codepen.io\/origamid\">@origamid<\/a>) on <a href=\"http:\/\/codepen.io\">CodePen<\/a>.<\/p>\n<p><script async src=\"\/\/assets.codepen.io\/assets\/embed\/ei.js\"><\/script><\/p>\n<p>Vale lembrar que em t\u00edtulos essa regra n\u00e3o se aplica. Geralmente quanto maior o tamanho do texto, menor deve ser a raz\u00e3o dele em rela\u00e7\u00e3o a altura da linha.<\/p>\n<p>Confie nos sites onde passamos a maior parte do nosso tempo como o Google, Facebook e sites de not\u00edcias como o Globo.<\/p>\n<p>Essas s\u00e3o as caracter\u00edsticas do corpo de texto destes sites:<\/p>\n<p><strong>Google<\/strong><br \/>\nTipografia: Arial<br \/>\nTamanho: 13px<br \/>\nLine-height: 18px (~ 1.4em)<\/p>\n<p><strong>Facebook<\/strong><br \/>\nTipografia: San Francisco<br \/>\nTamanho: 14px<br \/>\nLine-height: 19px (~ 1.35em)<\/p>\n<p><strong>Globo<\/strong><br \/>\nTipografia: Arial<br \/>\nTamanho: 15px<br \/>\nLine-height: 22px (~ 1.45em)<\/p>\n<p>Confira mais no ebook gr\u00e1tis de Tipografia em:<\/p>\n<p><a href=\"https:\/\/www.origamid.com\/books\/tipografia-para-web\/\">https:\/\/www.origamid.com\/books\/tipografia-para-web\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Uma altura de linha de 1.4\/1.5 X o tamanho do texto, geralmente \u00e9 o ideal para corpos de texto na web. Considere este tamanho para tipografias semelhantes a Helvetica e Arial. O que tentamos alcan\u00e7ar com essa regra \u00e9 um texto que n\u00e3o fique muito grudado e nem muito separado. See the Pen 77c7d2ca3f6a435a78334ab6a32f3e72 by [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/posts\/45"}],"collection":[{"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":8,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/posts\/45\/revisions"}],"predecessor-version":[{"id":327,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/posts\/45\/revisions\/327"}],"wp:attachment":[{"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/media?parent=45"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/categories?post=45"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/tags?post=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}