Alternativa segura da Web para Myriad Pro Font?

61

Existem fontes que eu possa usar na minha pilha de fontes que sejam mais ou menos semelhantes ao Myriad Pro e ao web safe ?

website-design font-recommendation web-safe Atif Mohammed Ameenuddin
fonte
5
Por "seguro da web", você quer dizer em termos de licença / custo (como código-fonte gratuito e aberto, portanto utilizável na web sem licenciamento adicional) ou quer dizer que ele é otimizado para a web (vem com as versões TTF e WOFF e uma regra @ font-face) ou você quer dizer que ele já está instalado nos computadores / dispositivos da maioria das pessoas, tornando "seguro" o uso em páginas da web?
thomasrutter

Respostas:

39

Você pode encontrar algo semelhante no diretório Google Fonts . Tudo o que você precisa fazer é incluir o link no cabeçalho da página html e você pode usar as fontes no seu CSS.

O PT Sans é bastante semelhante (comparado ao resto da lista)

dkuntz2
fonte
2
-1 Acho que a maioria das fontes do google não é realmente um bom material, não possui muitos glifos e não possui pesos.
Littlemad
7
Sem pesos, claro, mas existem muitas fontes profissionais que também têm poucos pesos; quanto aos glifos, dê uma olhada nas fontes, eles têm seis alfabetos pelos quais você pode filtrar (dois dos quais com glifos extras), Eu acho que você está completamente errado. Além disso, encontre um serviço gratuito melhor.
dkuntz2
Boa descoberta, mas a carta do PT "Q" é bastante alta.
Jonallard
Considere também que mais de 90% do tráfego de mídia social agora é via celular (incluindo os links de entrada obrigatórios do site) e que mais de 55% do tráfego do site é móvel. Em termos de sites, tem que ser menos estético e mais sobre qual fonte representa sua comunicação com mais eficiência em um design responsivo, ou seja, não é bom o suficiente para funcionar bem em uma tela do iMac de 27 ". E quanto a um celular de 4 polegadas e 3 anos de idade Este é o mundo real e torna um serviço gratuito como o Google Fonts um acéfalo para mim. E tempo é dinheiro comercialmente - quanto você precisa desperdiçar ao testar uma fonte?
Applefanboy 20/09
20

Segundo a Wikipedia, o Myriad Pro é fornecido com o Adobe Reader e não com o Windows.

E uma pesquisa rápida no Google mostra que você pode usá-lo na web usando o Typekit (com uma assinatura de US $ 24,99 / ano): http://typekit.com/fonts/myriad-pro

Nir
fonte
Eu fui para a ampersandconf e descobriu mais serviços em torno de um melhor serviço ao redor para mim (outras alternativas são fontdeck, webtype, MyFonts, Hoefler & Frere-Jones, e FontFont)
Littlemad
@ Littlemad, você sabe que a H&FJ não tem um serviço de fontes da web, certo?
precisa saber é o seguinte
Eu estava no Ampersandconf 2011.ampersandconf.com, onde Jonathan Hoefler declarou que estava trabalhando para colocar na web suas fontes. typography.com/ask/faq.php?faqID=126#Faq_126 Estou sinceramente surpreso por eles ainda não terem publicado nada depois de todos esses meses.
Littlemad
17

Se seu site tiver como alvo a multidão de designers, muitos deles terão o Adobe Suite instalado (não pergunte de que maneira). O Kottke.org o usa sem a incorporação de css, e esta é a regra da família de fontes:

font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;

methodofaction
fonte
Embora seja apenas uma pilha, é uma pilha bastante boa para este caso.
precisa saber é o seguinte
2
Onde você conseguiu esses nomes de fonte? A Adobe deve ser a única fundição que produz Myriad, e eles a lançaram apenas como "Myriad" "Myriad Pro" (OpenType) e "Myriad Web Pro". As outras versões que você referenciou não são padrão. Eles podem ser criados se alguém executou uma cópia da fonte da Adobe por meio de um editor ou conversor de fontes, mas esse é um cenário incrivelmente improvável.
Lèse majesté
9

Uma fonte gratuita muito, muito próxima: Vegur

O suporte ao personagem não é o melhor, mas se for apenas para manchetes e realmente tiver que ser uma miríade, então o esforço extra de @ font-face-in pode valer a pena.

sebastian_k
fonte
11
"Seguro para a Web" significa que ele deve estar disponível no navegador do cliente sem precisar instalá-lo. Não importa se é gratuito - você ainda precisa fazer o download e instalá-lo no seu computador para vê-lo em uma página da web que o utiliza. Verdanaé bastante seguro porque é instalado como padrão em muitos sistemas. Arialé ainda mais comum. Como último recurso, use sans serif, que é um nome padrão para esse estilo de fonte, e todos os navegadores converterão isso automaticamente em uma fonte semelhante instalada.
Aᵂᴱ
2
O Vegur está em domínio público, para que você sempre possa preparar uma fonte da Web e hospedá-la em seu servidor. Dessa forma, você pode disponibilizá-lo na maioria dos navegadores sem a necessidade de instalação assistida pelo usuário (quero dizer, no IE, versões ainda mais antigas, Opera, Safari, Chrome, Firefox e provavelmente mais alguns).
skalee
6

Você tem várias opções:

  • Em um dia no futuro, você poderá usar o @ font-face carregando qualquer fonte que desejar (cuja licença é gratuita para distribuição).

  • Se você o usar apenas para títulos, poderá usar a técnica SIFR que usa flash ou uma técnica simples de Substituição de Imagem

  • Ou você pode usar, como já sugerido, servidores de hospedagem de pagamento para a fonte Typekit .

Littlemad
fonte
4

O Vegur possui um kit @ font-face (assim como o Cufon) em http://www.cufonfonts.com/en/font/12046/vegur . O suporte ao navegador avançou a ponto de a maioria das pessoas conseguir ver a fonte usada através do @ font-face, mesmo que não a tenha instalada, desde que a fonte esteja hospedada no servidor.

NDeLeon
fonte
4

Eu tinha a mesma pergunta, estabeleci-me no CartoGothic-Std depois de ler o seguinte artigo:

http://www.onextrapixel.com/2011/06/29/10-awesome-alternative-free-web-fonts/

O link para download da fonte:

http://www.fontsquirrel.com/fonts/CartoGothic-Std

A. Perez Cera
fonte
2
Carto é uma fraude descarada da Frutiger. Como o Myriad é principalmente um roubo de Frutiger também (menos que Carto), esse é o seu par.
22413
Não tinha idéia do que era e não pode discutir nada além de reconhecer a relação. No entanto, é bom encontrar alternativas gratuitas semelhantes às fontes pagas. No entanto, adquirirei Frutiger e Myriad eventualmente. Eu não trabalho no design, mas essas são fontes obrigatórias.
A.Perez Cera
Frutiger e Univers são as duas peças incríveis de trabalho para o qual Adrian Frutiger é devida uma enorme dívida pela indústria de design :)
à paisana
3

Quando não consigo usar o Myriad Pro (que é nosso padrão corporativo para títulos, títulos, etc.), geralmente uso o Verdana. Eu nunca tive um problema por não estar disponível.

Stewbob
fonte
Frutiger e Trebuchet também são uma boa partida, Lucida Grande um pouco menos, mas também semelhante.
Lèse majesté
3

Na minha instalação do Windows 7 (com o MS Office 2010 instalado), tenho as fontes mais próximas: Lucida Sans , Segoe UI , Calibri e a fonte genérica sans serif como o último fallback.

CSS para isso seria:

font-family: Myriad Pro, Lucida Sans, Segoe UI, Calibri, sans serif;
Aᵂᴱ
fonte
11
Arial é uma fonte neogrotesca como Helvetica e Univers ou Akzidenz-Grotesk. Não é um bom substituto para Myriad, que é uma fonte humanista. Para sistemas operacionais Windows, um substituto melhor para Myriad além de Verdana seria Frutiger ou Trebuchet. Da mesma forma, "sans serif" não é o nome de uma família de fontes real. No OS X, o Helvetica será usado como "sans serif" e, no Windows, será o Arial normalmente. No Ubuntu, ele será mapeado para o Ubuntu, que é uma fonte humanista sem serifa, mas não sei o que ele mapeia em outros sistemas operacionais.
Lèse majesté
@ Lèsemajesté: Concordo que Verdana e Arial podem não ser as melhores escolhas. Mudei minha resposta para propor alternativas melhores. Quando se trata de "sans serif", essa é uma das cinco fontes genéricas, que são as únicas realmente "seguras para a web", porque são definidas nos padrões da web e o navegador tenta encontrar o melhor ajuste. Veja w3.org para exemplo de uso em fontes genéricas CSS.
Aᵂᴱ
2

Open Sans seria a melhor fonte alternativa para isso!

sai
fonte
2

O Source Sans Pro é uma ótima alternativa.

Está disponível no Google Fonts: http://www.google.com/fonts/specimen/Source+Sans+Pro

Muito parecido com o Myriad Pro, grande família. De autoria da Adobe (que também criou o Myriad Pro) como sua primeira família de tipos de código aberto para texto.

UX Matthew
fonte
1

Eu tentei todas as fontes sugeridas acima e ainda acho que nenhuma delas corresponde ao Myriad Pro, como o Trebuchet MS. Faça uma tentativa. Ele tende a ser um pouco mais fino / menos ousado do que o Myriad, mas acho que posso chegar bem perto depois de mexer nas propriedades da fonte.

Dave W
fonte
0

Se você quiser usar, @font-faceeu sempre procuro o tipo de letra esquilo . você pode fazer o upload de fontes e elas criarão um conjunto para o seu site com o incluído css.

Danferth
fonte
0

Mais um similar / alternativo do Myriad Pro é o Maven Pro (fonte do google). Ver link

Super Model
fonte
-1

Para todas as pessoas que planejam usar o Diretório de fontes do Google (isso é demais, às vezes eu também uso). Esteja ciente de que algumas fontes adicionam peso / tempo de carregamento significativos às suas páginas. No caso da família PT Sans mencionada, é "Peso da página adicionado: 224kb compactado". Confira aqui: http://www.google.com/webfonts/family?family=PT+Sans&subset=latin


fonte
-1

Se Verdana estiver perto o suficiente, o DejaVu Sans está mais perto. Os dois são comparados aqui ; observe o 'I', 'Q' e 'R'.

Gavin R. Putland
fonte