Devo considerar a fonte Helvetica como uma fonte segura para a web , ou seja, é uma fonte confiável para definir em meu CSS que estará acessível em qualquer dispositivo?
Comentários
- Como isso é uma questão de UX? Não deveria estar ' em GraphicDesign.StackExchange ou algo semelhante?
Resposta
Não só a Helvetica não é segura, mas também é uma fonte protegida por direitos autorais , então você precisa de uma licença para usá-lo se carregá-lo como webfont.
Na verdade, não há fontes da web 100% seguras , pois isso vai depender nas fontes que o usuário tem em seu dispositivo, e diferentes sistemas operacionais têm diferentes conjuntos de fontes. Portanto, você precisa fazer algo assim:
p{font-family:Arial, Helvetica, sans-serif}
Caso contrário, seu site será visualizado com a fonte padrão que o usuário definiu, por exemplo, Times New Roman .
Se você quiser jogar pelo seguro, recomendo este recurso bastante bacana: Pilha de fontes CSS . Lá você pode ver fontes “mais seguras” , porcentagem de uso por sistema operacional e até mesmo o código a ser usado, incluindo alternativas fallback
Comentários
- desculpe, mas UX não é sobre aleatoriedade, mas sobre controle. Você pode gostar mais às vezes , mas é puramente subjetivo, como você diz, e certamente não é algo para recomendar
- @Devin eu concordo. Ao mencionar a fonte em Css, ela deve ser alterada como p {font-family: Helvetica, Arial, sans-serif}. A fonte primária deve vir primeiro se os interessados preferirem esta fonte e, em seguida, precisamos adicionar fontes do sistema como Arial n sansarif
- Por que todos os comentários sobre direitos autorais e carregamento de fontes da web? A pergunta é sobre fontes seguras para a Web que (por definição) já estão presentes no dispositivo do usuário final. A pergunta expressa que não deseja carregar webfonts.
- CSS Font Stack é bom, mas só mostra as fontes instaladas no desktop Windows e OS X.
- Algumas boas leituras sobre Helvetica no Windows. Link
Resposta
Conforme mencionado não existe uma fonte segura da web. Mas existe uma maneira de carregar fontes ausentes de seu servidor por meio do uso de @ font-face . @ font-face foi introduzido pela primeira vez em CSS2, inclui tipos de arquivo substituto e é amplamente suportado . Isso não seria uma solução 100%, mas seria mais promissor do que depender da seleção de fonte da máquina.
Primeiro, você colocaria o arquivo em seu servidor como um arquivo hospedado estático regular. Você pode ter que configurar os tipos MIME do seu servidor da web para que ele lide corretamente com o arquivo e não tente fazer o download do manual do cliente em vez disso. Os seguintes. Observe que esses são apenas alguns dos formatos possíveis. Você não é obrigado a usar todos eles. Mas se você não deletar a referência ao arquivo para evitar um atraso desnecessário causado pela falta do recurso.
@font-face { font-family: "MyWebFont"; src: url("webfont.eot"); /* IE9 Compat Modes */ src: url("webfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("webfont.woff2") format("woff2"), /* Super Modern Browsers */ url("webfont.woff") format("woff"), /* Pretty Modern Browsers */ url("webfont.ttf") format("truetype"), /* Safari, Android, iOS */ url("webfont.svg#svgFontName") format("svg"); /* Legacy iOS */ }
Depois disso, você atribuirá a fonte ao seu elemento. Se você quiser tentar usar sua versão da Helvetica, use algo como:
font-family: "MyWebFont", Helvetica, sans-serif;
Se a face da fonte não puder ser carregada, ela tentará usar a máquina “É Helvetica e se isso falhar, ele tentará carregar sem serifa. Além disso, você pode trocar sua fonte e a fonte da máquina. Mas isso não salvará sua largura de banda porque ainda carregará suas fontes assim que carregar a folha de estilo.
Por último, mas o mais importante, Helvetica não é uma fonte gratuita. Você precisará comprar uma licença para seu uso. A Linotype venderá a você as fontes da web necessárias e a licença de seu site. O preço é baseado em visualizações de página. Mas, depois de comprado, é totalmente legal incorporá-lo à sua página ou aplicativo da web.
Resposta
ser acessível em qualquer dispositivo
Realmente não está disponível em qualquer dispositivo “.
Se você não está usando fontes incorporadas, então você precisa usar uma pilha de fontes, então você tem algumas opções de backup caso a primeira não esteja disponível.
Resposta
Helvetica não faz parte de nenhum conjunto de fontes padrão do Windows, portanto, os usuários do Windows provavelmente verão outra fonte secundária. Se isso não é uma preocupação para você, use Helvetica.
Comentários
- A fonte Arial é padrão em todas as versões do Windows (desde a v3.1) e tem essencialmente as mesmas características de layout; usar Arial como substituto para Helvetica, portanto, dará substancialmente a mesma aparência (dito com as devidas desculpas aos entusiastas de fontes que sabem e se preocupam com as diferenças). Consulte en.wikipedia.org/wiki/Arial
- O Windows não é o único sistema operacional, não ' não se esqueça de todos os outros. Outros podem não ter Arial.
- Arial não está lá por padrão em muitas distros Linux, por exemplo.