blog do ricardo alamino

Sabe aquela sequência de fontes que colocamos nos sites para criar um estilo de tipografia?

Por exemplo:

font-family: Helvetica, Arial, sans-serif;

Podemos dizer que o exemplo acima se refere a uma sequência sem muitas alternativas. Abaixo seguem 8 sequências de fontes, dependendo do estilo desejado, e que se adaptam a qualquer computador e plataforma.

Essas 8 sequências foram pensadas da seguinte forma:

fonte exata, alternativa mais próxima, alternativas em várias plataformas, escolha universal (presente em todas as plataformas), genérica

Também foi pensada utilizando:

fontes de Windows, fontes de Mac, fontes de Linux, universais, genéricas

Abaixo o resultado:

Sequência Times New Roman (serif)
font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;

Sequência Georgia (serif)
font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;

Sequência Garamond (serif, mais tradicional)

font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;

Sequência Helvetica/Arial (sans serif)

font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;

Sequência Verdana (sans serif)

font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;

Sequência Trebuchet (sans serif)

font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;

Sequência Impact (sans serif, “pesada”)

font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;

Sequência mono-espaços (estilo máquina de escrever)

font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;

Fonte: sitepoint

Depois que escrevi o artigo sobre 3D usando javasript, acabei achando um outro site que mostra como é possível fazer imagens em 3D e interagir com elas utilizando javascript. Só consegue ser visualizados em browsers pois os gráficos estão no formato W3C Standard SVG.

Se você usar o Internet Explorer, favor arranjar algum plugin para conseguir visualizá-los.

O site é o KevLinDev.

Usando CSS e PHP é possível fazer belíssimos gráficos de barras verticais. Até mesmo em 3D. Saiba como no site terrill.ca.

Outro ótimo site para profissionais e aficcionados em blogs, sites, web design é o project.47 - Portfolio & Personal Website. Entrem e confiram!

É… Estou dando uma mudada no visual. Achei alguns temas interessantes, e agora estou escolhendo o melhor. O WordPress é uma ótima ferramenta para fazer um blog. Tem abolutamente tudo o que é necessário para ajudar no desenvolvimento de um blog. Como eu sempre digo, VALE CONFERIR!!!!