Alternativa segura da Web para roboto?

11

Qual é a fonte mais segura para a Web do Roboto?

Preciso saber disso para fornecer uma alternativa decente ao Roboto para meus aplicativos.

ATUALIZAÇÃO: lendo as respostas, fica claro que o conceito de segurança na web precisa ser esclarecido. Na verdade, estou me referindo ao conceito webdev de segurança na web: http://www.w3schools.com/csSref/css_websafe_fonts.asp

que inclui o seguinte:

  • Georgia, serif
  • "Linótipo Palatino", "Livro Antiqua", Palatino
  • "Times New Roman", Times
  • Arial, Helvética, Sem Serifa
  • "Arial Black", Gadget
  • "Comic Sans MS", cursivo
  • Impacto, Carvão
  • "Lucida Sans Unicode", "Lucida Grande"
  • Tahoma, Genebra
  • "Trebuchet MS", Helvética
  • Verdana, Genebra
  • "Courier New", Courier, monoespaço
  • "Lucida Console", Mônaco
ling
fonte
3
O que você quer dizer com "seguro para a Web"? Roboto está disponível nas fontes do Google. Existe uma razão para você não querer usar esse serviço (ou usar @ font-face)?
Scribblemacher
Olá ling, bem-vindo ao GD.SE e obrigado pela sua pergunta. Você poderia incluir uma captura de tela do Roboto, para que não precisemos procurá-la antes de começar a procurar alternativas? Obrigado! Se você tiver alguma dúvida sobre este site do Stack, consulte a Central de Ajuda ou sinta-se à vontade para se juntar a nós no Graphic Design Chat . Continue contribuindo e aproveite o site!
Vincent
@Scribblemacher Veja minha pergunta de atualização para o conceito de segurança na Web. A razão pela qual estou procurando é fornecer um fallback de fonte, caso ocorra um problema (como o servidor cdn do google está inoperante, eu sei que é hipotético, mas me sinto mais seguro se definir um fallback).
ling
@Vincent Aqui está a captura de tela (mais ou menos): fonts.google.com/specimen/Roboto
ling
11
Nesse caso, se é seguro web você quiser, eu diria que sua melhor opção é arial / helvética
Joana Ribeiro

Respostas:

14

O "web-safe" é um conceito um pouco arcaico.

É mais provável que seu site desapareça antes que o Google pare de oferecer suporte às fontes listadas. Portanto, qualquer alternativa para outras "fontes do google" não faz sentido.

Se você deseja complementar seu estilo, use:

font-family: "Roboto", Arial, Helvetica, sans-serif;
Rafael
fonte
11
Certifique-se de que você inclua a fonte usando @importou algo assim
Zach Saucier
8
"Web-safe" não é um conceito arcaico. As faces das fontes estão tipicamente no intervalo de 20 a 50kb, por face, e muitos designs usam mais de 5. Ao criar conteúdo para ser veiculado para 100 mil pessoas na Nigéria, Gana e Paquistão, você tem um orçamento de cerca de 500 kb para a página inteira, incluindo os cabeçalhos. Se você não fornecer alternativas alternativas seguras para a Web, você não terá controle e estará prestes a oferecer uma experiência realmente de merda (ou nenhuma se o usuário pressionar o botão Voltar).
coreyward
Se você realmente adicionar as regras para importar as fontes, elas serão importadas. Se você realmente deseja um site "econômico", prepara um site leve desde o início, provavelmente uma página AMP.
Rafael
2

Roboto seguro para a web, pois é uma fonte do Google, mas se por algum motivo você quiser se afastar do Roboto, o Open Sans ou o Droid são boas fontes correspondentes.

1] 2] 3]

Joana Ribeiro
fonte