Referência: Wikipédia

Porém, ainda temos outros 5 tipos de fontes, umas derivam das serifadas, outras não se encaixam nas características acima citadas e são: Moderna, Script, Display, Black Letter e Não Latinas. Estas serão explicadas ao longo deste artigo.

Fontes Serifadas:

Tipicamente, os textos serifados são usados em blocos de texto (como em um romance), pois as serifas tendem a guiar o olhar através do texto: o ser humano lê palavras ao invés de letras individuais, assim as letras serifadas parecem juntar-se devido aos seus prolongamentos, unindo as palavras.Por outro lado, as fontes sem serifa costumam ser usadas em títulos e chamadas, pois valorizam cada palavra individualmente e tendem a ter maior peso e presença para os olhos (“chamando a atenção”), já que parecem maislimpas.
Ex: Times new roman, Garamond, Bodoni, Didot e Caslon.

Fontes não Serifadas (Sans-Serif ou Sem Serifa):

As famílias tipográficas sem serifas são conhecidas como sans-serif (do francês “sem serifa”). O primeiro tipo sem serifa apareceu em 1816, pela casa fundidora Caslon e foi considerado bem avançado para a época, que era dominada pelos tipos de serifa quadrada. Foi um fracasso comercial. Pouco tempo depois, Willian Thorowgood produziu o primeiro alfabeto sem serifa com minúsculas, que ficou conhecido como Grotesque, base dos alfabetos sem serifa mais conhecidos.

Elas são perfeitas para exibição de textos no monitor pois transmitem sensação de limpeza, clareza, organização, fatores primordiais para atrair o visitante à leitura.
Ex: Helvética, Arial, Eurostile, Franklin, Optima, Univers, Kabel, Futura, Gill Sans, Avantgarde, Optima, Fruitiger.

Fontes Modernas:

As fontes tipográficas são classificadas como Moderna (ou ainda Didone) quando no seu desenho estrutural se percebe grande diferença entre espessura fina e grossa. Essa diferença acentuada não exclui a fonte daclassificação com ou sem Serifa, sendo assim, existem fontes Modernas com e semSerifa.
Ex: East Side, Elif.

Fontes Script:

São consideradas fontes Script todas que imitam a escrita humana. Essas fontes são largamente utilizadas em trabalhos gráficos como Convites, pois seguem tendências tradicionais vindas da Idade Média, seu desenho sugere classe, tradição, elegância, antiguidade. Devem ser usadas com cuidado quando se trata de mídia interativa.
Ex: English111 Vivace BT, TypoUpringht BT e Amazone BT.

Fontes Display:

Toda fonte que foge completamente das descritas acima é tida como fontes Display. São todas as fontes comemorativas, enfeitadas, tipos como”Wingdings” que nem representam letras, mais símbolos, são classificados como Display. Essas fontes também são conhecidas como fontes comemorativas, isso devido aos desenhos curiosos de algumas delas, algumas imitam bixos, objetos, pessoas, neve, desenhos animados, outras ainda remetem a idéia de festa, comemoração, quadrinhos, tecnologia, etc.
Ex: Zebrawood Fill, Zipty Do, Khaki Two, Giddyup, Cutout.

Fontes Black Letter’s:

É um caso particular de fontes Display, se originaram das fontes Serifadas, são as
chamadas fontes Góticas. Lembramos dela sempre naqueles livros de “Era uma vez…” onde a primeira letra do parágrafo é capitulada com uma letra black Letter.
Ex: OldEnglish, Goudy Text, Wilhelm Klingspor-Schrift.

Fontes Não Latinas:

Todas as fontes que representam uma língua cuja escrita não emprega caracteres latinos, pertencem a este grupo. Entre outras estão à escrita árabe, a cirílica e a japonesa.

Referência: Web Design Total

Simco Maq

Yamaguchí

Antes

Depois

Globo.com

Antes

Depois

Terra

Antes

Depois

Yahoo

Antes

Depois

Google.com

Antes

Depois

01. AT&T Inc.

02. BP Garage

03. Sprint

04. Mindshare

05. Mustang 2010

06. Adobe Photoshop CS4

07. Discovery Channel

08. Fanta

09. Johnsons Baby

10. Fiat Bravo

11. Steinlager

12. Applebee’s

13. Firefox / Firebird

14. QVC

15. Vauxhall

16. MSNBC

17. Ford

18. Ford Fiesta

19. The BBC

20. Direct TV

21. Barack Obama

22. Grooveshark

23. BusinessWeek

24. Viget Labs

25. Toys”R”Us

26. Seat Leon

27. N Design Studio

28. The BBC website

29. WordPress.org

30. Microsoft

31. MailChimp

32. CNET

33. Wembley Stadium

34. Apple iPod

35. The Simpsons

36. XBOX

37. Design Shard

38. KFC

39. Walmart

40. Envato

41. Best Buy

42. Macmillan

43. Holiday Inn

44. British Telecom

45. Vicks

46. Fuel Your Creativity

47. Amazon

48. Virgin Media

49. Macbook Pro

50. HP

Referência: Function

2. Trabalhe com texto de âncora em seus links.
Texto de âncora (Ancor Text) é a palavra ou frase usada como link na sua página. É importante trabalhar esse texto de âncora usando palavras-chave, pois ele está diretamente relacionado com a página a qual está relacionada.

3. Mantenha o usuário no site.
Sites feitos de qualquer jeito, mal organizados e com apresentação ruim, podem fazer com que um possível usuário nem navegue seu site. Portanto, ao criar ou otimizar um site, não esqueça de verificar se seu design é moderno, chamativo e se está bem feito.

4. Use as tags H1, H2 ou H3 para definir títulos e subtítulos.
É fundamental estruturar o conteúdo de forma correta.

5. Posicione suas informações de forma a facilitar a visualização do usuário.
Conteúdo ou informações posicionadas de forma errada podem fazer com que o usuário não as encontre. Isso faz com que ele acabe desistindo de navegar o site. Então evite que aconteça isso, faça um estudo de usabilidade para a construção do seu site.

6. Evite formatações in-line nas páginas.
Use um arquivo CSS para separar o código da formatação. Isso ajuda manutenção e deixa o código mais limpo.

7. Problemas com navegadores diferentes.
Atualmente, existem no mercado vários navegadores diferentes e cada um deles faz a leitura e interpretação de suas páginas de maneiras diferentes. Portanto, faça um teste com suas páginas em alguns navegadores com configurações e resoluções da tela para testar a sua compatibilidade. Recomendo verificar as páginas no IE (Internet Explorer) e Firefox que são os navegadores mais usados atualmente.

Referências: Mundo SEO e Brasil SEO