Fonte de notícias: css-tricks.com
Para muitos web designers e desenvolvedores que estão lutando com fontes, as notícias de ontem sobre a API de fontes do Google realmente os deixaram felizes. Essa API muito simples e prática inclui um conjunto de bibliotecas de fontes e ferramentas de visualização, combinadas com Google e TypeKit O carregamento de WebFont de código aberto. A ferramenta desenvolvida pela WebFont facilita aos web designers a referência de fontes personalizadas em seus próprios sites.
Usar a API Google Web Fonts é tão simples quanto vincular um arquivo CSS do Google e referenciar o nome da fonte em sua própria definição CSS. Aqui está uma demonstração para referência. Na verdade, a API Google Web Font é @font-face e você mesmo pode implementá-la, mas a abordagem do Google tem muitas vantagens:
Largura de banda (a largura de banda é suportada pelo Google)
Cache (a mesma fonte será armazenada em cache em muitos sites e o navegador poderá obtê-la diretamente do cache)
Velocidade (a rede acelerada Google CDN é mais rápida que os sites da maioria das pessoas)
É claro que carregar os arquivos CSS do Google é um fardo adicional, mas você pode vincular diretamente ao próprio arquivo da fonte ou até mesmo baixar a fonte no site para criar sua própria versão SVG. Além disso, a API Google Web Font atualmente não oferece suporte para iPhone e iPad.
Em relação ao carregador WebFont, é um script JavaScript usado para carregar fontes. Não precisa ser usado, mas seu uso trará benefícios adicionais. Por exemplo, quando o Firefox carrega o Google Web Fonts, ele exibirá uma fonte substituta antes que @font-face seja totalmente carregado. Depois que @font-face for totalmente carregado, a fonte real substituirá a fonte substituta, o que fará com que a página pisque. . e confuso, o carregador WebFont pode resolver esse problema.
Raph Levien é um designer de fontes que projetou a fonte Inconsolata. Raph também é membro da equipe da API Google Web Fonts e este artigo é uma entrevista com Raph.
Chris:
O Google faz muitas coisas boas para web designers, incluindo algumas que ocupam muito de sua largura de banda, como usar sua rede CDN para hospedar bibliotecas JavaScript. Deixe-me ser um pouco sarcástico, o que exatamente isso faz com o Google? Claro, isso tornaria as fontes da web mais rápidas, mas que bem uma web mais rápida faria ao Google? É para analisar informações de dados úteis para o Google?
Rafa:
É apenas para tornar a Web mais rápida e rica. Não coletamos nenhuma informação pessoal e nossos registros de log servem apenas para estatísticas de desempenho e estatísticas de quais fontes são populares. A melhor coisa sobre este serviço é que, assim como nossa biblioteca Ajax hospedada, como muitos sites usam esses serviços, é fácil para o navegador encontrar o que já foi carregado do cache sem ter que recarregá-lo todas as vezes.
Chris:
Na pior das hipóteses, se as fontes que você hospeda caírem, o que acontecerá com os sites que as referenciam? Serão usadas fontes alternativas ou algo mais?
Rafa:
Sim, são usadas fontes alternativas, é apenas CSS e o designer tem controle total sobre quais fontes são usadas. Além disso, se quiser ter melhor controle, você pode usar o carregador WebFont. Por exemplo, quando o carregamento da fonte falha, você pode usar JavaScript para alterar o CSS. Também trabalharemos com todos os principais desenvolvedores de navegadores para melhorar a fonte da Web. experiência.
Chris:
Sua cooperação com o TypeKit é muito interessante. Você pode nos contar sobre isso?
Rafa:
TypeKit é o que há de mais avançado em relação às fontes da web, e já as conhecemos há muito tempo (Jeff Veen, na verdade, trabalhou nelas no Google). Então, naturalmente, conversamos sobre isso juntos. Nossas fontes abertas são ótimas, mas ainda queremos ter mais fontes disponíveis para os usuários. Além disso, também cooperamos com outros fornecedores importantes de fontes, incluindo o Ascender.
Chris:
Algumas fontes gratuitas ou de código aberto geralmente servem como anúncios para seus designers. Isso é um obstáculo para a Biblioteca de Fontes do Google? Em última análise, essas bibliotecas de fontes contêm fontes restritas.
Rafa:
Tivemos uma ótima resposta até agora. As pessoas contribuem com fontes para nós por vários motivos, e um dos motivos definitivos é que isso lhes traz mais tráfego para ajudá-los a vender mais fontes premium. Ainda existem muitas pessoas que gostam de criar fontes, não importa o que aconteça, estamos muito confiantes de que nossa biblioteca de fontes de código aberto se tornará cada vez mais poderosa. No entanto, a qualquer momento, esses fornecedores de fontes profissionais oferecem fontes de qualidade superior.
Fonte internacional deste artigo: CSS TRICTS Google Font API & Interview (Autor original: Chris Coyier)
Fonte de compilação chinesa: site oficial do sistema de gerenciamento de conteúdo do site Ruishang Enterprise CMS