{"id":327,"date":"2011-03-15T20:13:00","date_gmt":"2011-03-15T23:13:00","guid":{"rendered":"http:\/\/letraseletricas.blog.br\/lit\/?p=327"},"modified":"2017-08-12T23:34:17","modified_gmt":"2017-08-13T02:34:17","slug":"elementos-de-estilo-tipografico","status":"publish","type":"post","link":"http:\/\/www.letraseletricas.blog.br\/lit\/2011\/03\/elementos-de-estilo-tipografico\/","title":{"rendered":"Elementos de Estilo Tipogr\u00e1fico"},"content":{"rendered":"<p>Estou fazendo algumas modifica\u00e7\u00f5es cosm\u00e9ticas nas postagens, seguindo as ideias retiradas do blog <a href=\"http:\/\/webtypography.net\/\">The Elements of Typographic Style<\/a>. Trata-se de um trabalho que procura recomendar meios e m\u00e9todos para melhorar, atrav\u00e9s de <a href=\"http:\/\/pt.wikipedia.org\/wiki\/Cascading%20Style%20Sheets\">CSS<\/a> a apar\u00eancia da apresenta\u00e7\u00e3o de textos na Internet adaptando a secular tradi\u00e7\u00e3o tipogr\u00e1fica que \u00e9 examinada pelo poeta canadense Robert Bringhurst em seu livro de mesmo nome (lista de desejos para o pr\u00f3ximo natal, queridos amigos). Foi de l\u00e1 que extra\u00ed uma s\u00e9rie de ideias que, pelo menos em minha opini\u00e3o, j\u00e1 melhoraram bastante a apar\u00eancia das postagens.<\/p>\n<p>Ainda \u00e9 cedo para compilar uma lista de todas as melhoras que est\u00e3o sendo implementadas porque eu ainda estou adicionando novas declara\u00e7\u00f5es \u00e0 folha de estilos do blog (em breve eu vou ter que dar uma enxugada no modelo tamb\u00e9m, que est\u00e1 ficando lento e grande). Ali\u00e1s, nem \u00e9 disso que eu estou querendo falar, \u00e9 do sistema a que estou recorrendo para editar rapidamente as postagens j\u00e1 existentes e prepar\u00e1-las para receber os estilos.<\/p>\n<p>Seria extremamente tedioso abrir cada postagem e fazer toda uma s\u00e9rie de modifica\u00e7\u00f5es e colar de volta. Ali\u00e1s, simplesmente abrir cada postagem, copiar e depois colar de volta j\u00e1 \u00e9 um t\u00e9dio. Para diminuir a carga de servi\u00e7o, e salvar meus pobres dedos, eu constru\u00ed um tosco *script* em `bash`, atrav\u00e9s do qual gasto menos de um segundo para fazer *todas* as edi\u00e7\u00f5es necess\u00e1rias em cada post. As modifica\u00e7\u00f5es feitas s\u00e3o:<\/p>\n<p>&#8211; Remo\u00e7\u00e3o de todas as quebras de linha introduzidas pelo horr\u00edvel editor do blogger,<br \/>\n&#8211; Cria\u00e7\u00e3o de marca\u00e7\u00f5es de par\u00e1grafo para todos os blocos de texto,<br \/>\n&#8211; Substitui\u00e7\u00e3o de tr\u00eas pontos (&#8220;&#8230;&#8221;) por retic\u00eancias tipogr\u00e1ficas verdadeiras (&#8220;\u2026&#8221;),<br \/>\n&#8211; Substitui\u00e7\u00e3o de h\u00edfens ou sequ\u00eancias de h\u00edfens por travess\u00f5es tipogr\u00e1ficos verdadeiros (&#8220;\u2014&#8221;),<br \/>\n&#8211; Remo\u00e7\u00e3o de todos os par\u00e1grafos vazios e linhas em branco,<br \/>\n&#8211; Remo\u00e7\u00e3o ou substitui\u00e7\u00e3o de *tags* fora do padr\u00e3o por estilos <span>css<\/span>;<br \/>\n&#8211; Substitui\u00e7\u00e3o de todas as aspas &#8220;quadradas&#8221; por aspas &#8220;tipogr\u00e1ficas&#8221;.<\/p>\n<p>Com todos esses melhoramentos, o c\u00f3digo fica pronto para ser apresentado da nova maneira, incluindo o controle de margens de par\u00e1grafos. Para quem se interesse, o *script* que estou usando est\u00e1 <a href=\"http:\/\/pastebin.com\/4Tet1xit\">salvo no Pastebin.com<\/a>.<\/p>\n<p>Esta \u00e9 mais uma das coisas que eu aprendi a fazer durante os dias em que estive fora da Internet.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Estou fazendo algumas modifica\u00e7\u00f5es cosm\u00e9ticas nas postagens, seguindo as ideias retiradas do blog The Elements of Typographic Style. Trata-se de um trabalho que procura recomendar meios e m\u00e9todos para melhorar, atrav\u00e9s de CSS a apar\u00eancia da apresenta\u00e7\u00e3o de textos na Internet adaptando a secular tradi\u00e7\u00e3o tipogr\u00e1fica que \u00e9 examinada pelo poeta canadense Robert Bringhurst em seu livro de mesmo nome (lista de desejos para o pr\u00f3ximo natal, queridos amigos). Foi de l\u00e1 que extra\u00ed uma s\u00e9rie de ideias que, pelo menos em minha opini\u00e3o, j\u00e1 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[181],"tags":[55,116],"_links":{"self":[{"href":"http:\/\/www.letraseletricas.blog.br\/lit\/wp-json\/wp\/v2\/posts\/327"}],"collection":[{"href":"http:\/\/www.letraseletricas.blog.br\/lit\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.letraseletricas.blog.br\/lit\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.letraseletricas.blog.br\/lit\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.letraseletricas.blog.br\/lit\/wp-json\/wp\/v2\/comments?post=327"}],"version-history":[{"count":6,"href":"http:\/\/www.letraseletricas.blog.br\/lit\/wp-json\/wp\/v2\/posts\/327\/revisions"}],"predecessor-version":[{"id":4604,"href":"http:\/\/www.letraseletricas.blog.br\/lit\/wp-json\/wp\/v2\/posts\/327\/revisions\/4604"}],"wp:attachment":[{"href":"http:\/\/www.letraseletricas.blog.br\/lit\/wp-json\/wp\/v2\/media?parent=327"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.letraseletricas.blog.br\/lit\/wp-json\/wp\/v2\/categories?post=327"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.letraseletricas.blog.br\/lit\/wp-json\/wp\/v2\/tags?post=327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}