Quais são as fontes recomendadas para mobile?

Front-end

14/04/2014

Oi galera, sou novato aqui no devMedia ... não sei bem se posso postar isto nesta categoria, mais enfim, vamos lá....
Estou a alguns dias pesquisando sobre designer responsivo, achei tudo muito interessante, porem não achei nada que falasse sobre fontes...
Não digo o tamanho da fonte, mais sim o tipo.... sei que podemos usar web-fonts, porém também sei que muitas vezes a conexão via mobile (desktop também) é lenta e sempre instável.
O que eu realmente quero saber é, quais fontes podemos utilizar, por exemplo no meu css uso as fontes mais comuns como Arial, Verdana e Tahoma.... mais não sei bem se essas mesmas fontes estão disponíveis em aparelhos mobile, imagino que sim, porém não tenho certeza.
Att. Dudu Barbosa - Agradeço desde já...
Dudu Barbosa

Dudu Barbosa

Curtidas 0

Respostas

Joel Rodrigues

Joel Rodrigues

14/04/2014

Olá, Dudu. Como vai? Seja bem vindo ao fórum DevMedia.
Primeiramente vamos mover esse post para a sala de front-end, beleza? Já que não está diretamente relacionado a PHP.
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

14/04/2014

Sobre quais fontes utilizar, realmente as web fonts têm esse probleminha, mas você pode baixar as fontes e incorporá-las à sua aplicação utilizando o recurso @font-face das CSS3. Porém, é sempre bom definir uma fonte alternativa padrão, como Arial, para o caso do carregamento da nova fonte falhar.
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

14/04/2014

Ah, e com relação a qual fonte escolher, depende do design da sua aplicação. No Windows Phone, a fonte padrão é a Segoe WP, mas não é a mesma para Android e iOS, por exemplo. Então, se tratando de web apps, o melhor é escolher uma fonte que represente bem a sua aplicação.
Abraços.
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

14/04/2014

Joel, desconhecia esse padrão do recurso @font-face do CSS3, podemos chamar de padrão?
sobre ainda nessa questão, existe algo padrão no que respeito a mobile nessa parte de fontes?
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

14/04/2014

Joel, desconhecia esse padrão do recurso @font-face do CSS3, podemos chamar de padrão?
sobre ainda nessa questão, existe algo padrão no que respeito a mobile nessa parte de fontes?

Opa, Marcelo. Eu prefiro chamar de recurso ou funcionalidade das CSS3, mas considerando que CSS é um padrão web, então está tudo incluso no termo.
Com relação às fontes para aplicações mobile, desconheço se existe um padrão, mas existem sim boas práticas que devem ser seguidas, principalmente com relação à facilidade de leitura da fonte (pensando na acessibilidade) e no tamanho da fonte a ser carregada (que nunca é tão grande, mas quanto menor, melhor).
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

14/04/2014

poderia dar um exemplo, em codigo mesmo no css? obriagado.
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

14/04/2014

Nesse link você encontra detalhes sobre o @font-face: [url:descricao=http://www.maujor.com/tutorial/css3-@font-face.php]http://www.maujor.com/tutorial/css3-@font-face.php[/url]
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

14/04/2014

valeu Joel.
GOSTEI 0
POSTAR