San Francisco Font: Apple melhorou em um clássico. Onde descarregar.

qualquer um que tenha atualizado para iOS 9, ou OS X El Capitan provavelmente notou que a fonte do sistema mudou para a fonte de São Francisco da Apple. Esta fonte foi enviada discretamente com o relógio da Apple, em WatchOS, e também estará nas novas tvOS na Apple TV.

pessoalmente, eu sempre pensei que Helvetica Neue era um pouco velho demais para ir com os projetos mais vivos dos produtos da Apple, quando ele foi enviado com iOS 7.

teria adorado ver uma fonte humanista no iOS 7. * Or * kick it old school with Akzidenz Grotesk http://t.co/s9vWXRynT7

— David Kadavy (@kadavy) June 10, 2013

Helvetica Neue e São Francisco são fáceis de confundir. Isso é porque São Francisco é muito inspirado na Helvetica Neue. Mas, a Apple fez algumas mudanças fundamentais que fazem dela uma fonte muito melhor – talvez até perfeita – para as suas plataformas.

parte do que estou prestes a explicar é proveniente desta palestra pelo designer Tipo da Apple Antonio Cavedoni (~30mins). Alguns gráficos para o final deste post são também a partir dessa palestra.Apple San francisco font vs helvetica neue

Helvetica Neue, a maior fonte do mundo?Por esta altura, não é segredo para nenhum entusiasta de tipos que a Helvetica é considerada uma das maiores fontes do mundo. Na verdade, há um documentário inteiro sobre tipografia, chamado “Helvetica”.”

Helvetica Neue foi retrabalhado da Helvetica, projetado em 1983 para eliminar algumas inconsistências devido a peculiaridades tecnológicas anteriores.O que havia de errado com Helvetica Neue?Enquanto Helvetica Neue é uma grande fonte, não foi suficiente para a Apple. Por quê?

• não foi projetado com telas em mente. Telas são feitas de pixels, e, como você pode aprender com Garamond, pixels não são o melhor amigo da tipografia. Helvetica Neue foi projetado em 1983, e pixels não eram uma consideração naquela época.
• o desenho é demasiado obsoleto. Helvetica Neue (e a Helvetica original) são conhecidos por serem um pouco “obsoletos.”Eles são geralmente usados quando você não quer que as cartas fiquem no caminho da informação. É por isso que você vai vê-lo em placas em aeroportos e metrôs em todo o mundo.
• não é da Apple. a Apple é famosa por ser uma líder em design, por isso algo simplesmente não se sente bem com eles usando a fonte mais popular do mundo em todos os seus dispositivos. Eles precisam de sua própria voz, e uma fonte personalizada lhes dá exatamente isso.Como é que a letra “San Francisco” da Apple é melhor do que a da Helvetica Neue?

  alguns podem pensar que a última razão – que Helvetica Neue não é da Apple, e a Apple tem algum tipo de complexo de inferioridade sobre ela – é a única razão pela qual eles trocaram. Mas não é esse o caso.Acredite ou não – pelo menos para a aplicação à mão – a Apple melhorou na maior fonte do mundo.

  São Francisco é mais fácil de ler na tela

  como eu disse, Como você pode aprender com Garamond, pixels não são um amigo da subtileza tipográfica, e mesmo com o aumento de resoluções de Tela, O tipo está sendo exibido em telas cada vez mais pequenas.

  além disso, seja qual for o tipo de letra que a Apple faz por omissão, será usado por milhares de desenvolvedores que farão todos os tipos de coisas com ela – como exibi – la em fundos ruidosos-para torná-la ainda mais difícil de ler.A Apple não pode correr riscos com a legibilidade. Aqui estão algumas das maneiras que São Francisco é mais fácil de ler na tela.

  São Francisco tem uma altura x mais alta

  uma grande maioria das letras que você lê vão ser letras minúsculas. Este é um truque cruel inerente à tipografia, porque, na tela, letras minúsculas são mais difíceis de ler. (Lembre-se, Garamond mostra-lhe, pixels e tipografia às vezes não se misturam).

  San Francisco compensa isso por ter uma maior altura x (a altura da minúscula “x”). Isto permite que os contadores (os espaços dentro das letras) sejam maiores – o que significa mais pixels para comunicar a forma.

  

  San Francisco has a “display” and a “text” version

  Tiny, text-sized type on a tiny screen presents different typographic challenges than larger, headline-sized type on a giant screen (such as a TV).

  texto pequeno precisa ser legível, e Texto Grande precisa ser bonito. Estes objetivos são às vezes em desacordo um com o outro.

  Assim, São Francisco vem em uma exibição, e uma versão de texto.

  

  Notice how the body copy blends together in the display version. Inversamente, a cópia do corpo na versão de texto é confortável de ler. No entanto, o conjunto de manchetes com a versão de texto é desajeitado (devido a mais espaçamento, e traços mais pesados), enquanto o conjunto de manchetes na versão de exibição lança uma textura mais uniforme, graças a alguns dos ajustes ilustrados abaixo.

  

  Some of the adjustments made between the text and display versions of San Francisco. Fonte (dos contornos do glifo))

  pode parecer complicado para manter o controle de se usar o tamanho de texto, ou tamanho de exibição, mas se você é um desenvolvedor, as várias plataformas irão usar automaticamente o tamanho de exibição a 20 pts ou mais.

  San Francisco é mais vagamente rastreado

  Tipo Sans-serif é geralmente considerado mais fácil de ler em tamanhos menores, porque pixels e serifs nem sempre concordam. Mas, caracteres sem serifa, especialmente um design muito “racionalista” como Helvetica Neue, geralmente têm um outro problema. As letras são muitas vezes muito próximas, especialmente em tamanhos menores.

  isto torna difícil a leitura em grandes blocos de texto pequeno. Os traços das letras tipo sangram juntos (como você viu no exemplo acima).

  A versão de texto são Francisco são rastreados mais livremente (“tracking” é através de muitas letras, enquanto que o mais familiar “kerning” é apenas o espaçamento entre um par de letras), o que deixa espaço para mais pixels para ajudar a distinguir as letras de um outro.

  além disso, rastreamento smarts são construídos nas plataformas. Texto maior tem rastreamento padrão, enquanto quanto menor o texto, mais vagamente ele é rastreado. (Pessoalmente, este é um truque que eu costumava fazer quando eu fiz o design de impressão, então eu estou animado para vê-lo implementado em um meio interativo.)

  São Francisco tem uma altura inferior da tampa

  acabei de dizer que a maior altura x de São Francisco torna mais fácil de ler na tela, de que adianta fazer a altura da tampa menor?

  provavelmente o maior benefício desta mudança pode ser visto ao tentar distinguir a minúscula ” l “da maiúscula”I”.

  

  ao deslocar a altura da tampa para baixo, letras como a minúscula “l” são capazes de se estender para além da altura da tampa, e são, portanto, mais fáceis de distinguir um do outro.

  isto tem o benefício adicional de fazer com que a altura-x pareça ainda maior, em relação à altura da tampa (o que pode incentivar os desenvolvedores a usar tamanhos de texto maiores).

  São Francisco parece “mais amigável” do que Helvetica Neue

  mais de uma fonte comentou que São Francisco parece “mais amigável” do que Helvetica Neue, e eu concordo. Isto faz parte do que faz de São Francisco a fonte perfeita para a Apple. Tal como o design industrial da Apple, São Francisco atravessa confortavelmente a linha entre austeridade e total amizade.

  

  San Francisco tem mais aberto letterforms

  • O “e” e “c” têm aberturas maiores (os espaços abertos que impedi-los de serem círculos completos). Além de fazer a fonte parecer mais “amigável”, estes também ajudá-lo mais legível na tela.
  • O terminal no topo do “f” é um pouco mais aberto, como é o terminal na cauda do “y”.
  • A cauda do “t” é mais aberto, e curvas menos abruptamente.

  

  San Francisco has less-sophisticated modeling

  • the leg of the ” R ” is a more simple stroke. Em vez de ondular.
  • a taça do” a ” liga-se ao caule de forma mais abrupta, reminiscente de um sem-serif mais humanista, como Lucida Grande.
  • o apóstrofo (e a marca de cotação) é menos artificial. É mais como um apóstrofo desenhado à mão, e lê melhor em telas minúsculas.

  San Francisco é mais versátil do que Helvetica Neue

  É difícil argumentar que Helvetica Neue não é versátil. Afinal, possui 51 variações. Mas São Francisco tem um conjunto saudável de opções, otimizado para exibição em telas.

  há” San Francisco, “e” SF Compact ” (que navios em vigias). Cada um deles tem vários pesos em sua exibição e versões de texto.São francisco tem uma grande variedade de variações. Fonte

  San Francisco, lida com números melhores do que Helvetica Neue

  A implementação de San Francisco em diversas plataformas torna mais fácil para os desenvolvedores a escolher monoespaçadas, ou proporcionalmente espaçadas e numerais.

  números proporcionalmente espaçados parecem melhores, porque você não tem espaçamento estranho em pares que incluem números finos, como “1.”Mas, eles não são ideais para situações como esta, onde os números proporcionalmente espaçados causam uma agitação.

  

  a situation where monospaced numerals (above) are more ideal than proportionally spaced numerals. Fonte:

  para ser justo, você pode obter números proporcionalmente espaçados com Helvetica Neue em iOS 7, mas costumava ser mais complicado. o iOS 9 liga-os por defeito. Você pode optar por sair deles com um simples atalho API.

  uma vez que os dispositivos da Apple são frequentemente exibindo o tempo, faz sentido que, em São Francisco, o cólon é agora centrado verticalmente por padrão (os desenvolvedores podem optar por não usar seu código).São francisco possui um cólon verticalmente espaçado, o que é ideal para mostrar o tempo. Fonte:

  uma vez que os numerais “6” e “9” podem ser facilmente confundidos para Numerais como “8” em pequenos tamanhos, existem versões alternativas disponíveis.

  

  the” 6 “and” 9 “numerals are available in alternate versions that won’t be confused for an” 8 ” at small sizes. Fonte:

  pode ver um deles em acção no gráfico abaixo.

  

  the alternate ” 6 ” in action. Não será confundido com um “8”.”Source

  São Francisco Is the greatest font of our time?

  dado que é projetado especificamente para dispositivos da Apple, e possui todas estas características que o tornam tão adequado para os muitos lugares que será usado, São Francisco é uma grande realização.

  More resources on Apple San Francisco Font

  • Download Apple San Francisco Font-Apple Developer Resources. Baixar para iOS, MacOS e tvOS, bem como em estilo compacto para watchOS.
  • How to Install Apple San Francisco Font on Mac OS X and Windows PC.

  deseja aprender mais sobre a escolha de fontes? Faz o meu curso de design gratuito.

  

  5 Essencial Digite Dicas

  o Que você precisa saber para o design como um pro.

  você também receberá artigos de bônus, descontos, atualizações de podcast, & inscrição em nosso curso de design gratuito.

  temos uma política de privacidade rigorosa.