O que são fontes cross-browser, cross platfom web seguras?
Como fazer o navegador cruzado, a plataforma cruzada e todos os dispositivos compatíveis com a pilha de tipos de letra css?
8 answers
Não pode garantir os tipos de letra que serão usados num dispositivo móvel da mesma forma que pode garantir que tipos de letra estão disponíveis num computador normal.
Uma aposta segura é usar uma família de tipos de letra genérica que pode ser interpretada pelo navegador móvel para lhe mostrar o tipo de letra relevante, por exemplo
font-family: serif; /* (e.g., Times) */
font-family: sans-serif; /* (e.g., Helvetica) */
font-family: monospace; /* (e.g., Courier) */
A melhor solução é sempre fornecer uma família de tipos de letra genérica Depois de quaisquer tipos de letra específicos:
font-family: "Foo Regular", "Bar Sans", sans-serif;
Talvez este link possa dar-lhe mais algumas ideias:
Usar as famílias de tipos de letra acima nunca me deu problemas.Talvez isto o possa ajudar na sua busca: Matriz de tipos de letra agrupados com sistemas operativos Mac e Windows, Microsoft Office e Adobe Creative Suite
As pilhas de tipos de letra' web safe ' que eu uso, que cobrem a maioria, se não todos os dispositivos, são as seguintes:
/* Web Safe Font Stacks (classes set in CSS) */
.head {font-family: Georgia,'Times New Roman',serif}
.para {font-family: Verdana,Arial,sans-serif}
.mono {font-family:'Courier New',Courier,monospace}
.fant {font-family: Papyrus,Impact,fantasy}
.curs {font-family:'Apple Chancery','Lucida Calligraphy',cursive}
Isto abrange cabeçalhos, parágrafos, monoespaço para amostras de código, fantasia para itens especiais, e cursivo para ênfase. Você pode apenas precisar de um para cabeçalhos (H1~H6) e outro para o corpo texto:
body {font-family: Verdana,Arial,sans-serif}
h1, h2, h3, h4, h5, h6 {font-family: Georgia,'Times New Roman',serif}
Verifique o seguinte cheatsheet a partir de 2010 que inclui Linux e iOS. Ele dá as porcentagens médias para uso entre Windows, Mac, Linux e iOS: fontes Web seguras
Esqueça o cross browser cross platform font stacks, os exemplos da web normalmente só se preocupam com windows e OSX para o Latim básico, eles falham em linguagens internacionais e Linux, e novos fatores de forma.
O Linux nunca usou as mesmas fontes que o Windows e o OSX por razões de licenciamento, e as ferramentas de design de tipos de letra tornaram-se Maduras o suficiente para encontrar muita diversidade hoje em dia (não que criar um tipo de letra grande de codificação é fácil, mas muitos dos utilizadores só se preocupam com tipos de letra que cobrem as suas lingua).
A criação de fontes tornou-se barata o suficiente grandes empresas (incluindo fabricantes de telemóveis) gostam agora de diferenciar, encomendando novas fontes para grandes lançamentos (novo dispositivo ou grande versão do sistema operacional).
Quando as pesquisas de fontes ainda eram populares, a família de fontes DejaVu tinha muito alcance no Linux, isso pode já não ser o caso. O DejaVu e o Arial têm métricas diferentes.
Basta usar as famílias genéricas de tipos de letra CSS na sua pilha, evitar qualquer derivado helvetica, fazer não use um projeto que depende de métricas de fontes particulares e você vai ficar bem.
Alguns links de fontes "Web seguras" do Google top:
Num site móvel a melhor coisa a fazer é não definir a família de tipos de letra