Alternative Web Safe à la police Myriad Pro?

61

Existe-t-il des polices que je peux utiliser dans ma pile de polices qui sont plus ou moins similaires à Myriad Pro et à Web Safe ?

website-design font-recommendation web-safe Atif Mohammed Ameenuddin
la source
5
Par "Web Safe", entendez-vous en termes de licence / coût (comme dans, source libre et open source, donc utilisable sur le Web sans licence supplémentaire), ou voulez-vous dire qu'il est optimisé pour le Web (livré avec les versions TTF et WOFF et une règle @ font-face) ou voulez-vous dire qu'il est déjà installé sur la plupart des ordinateurs / périphériques, rendant ainsi l'utilisation sur des pages Web "sans danger"?
thomasrutter

Réponses:

39

Vous pourrez peut-être trouver quelque chose de similaire dans le répertoire Google Fonts . Tout ce que vous avez à faire est d’inclure leur lien dans l’en-tête de votre page html et vous pouvez utiliser les polices de caractères de votre CSS.

PT Sans est assez similaire (comparé au reste de la liste)

dkuntz2
la source
2
-1 Je pense que la majorité des polices de Google ne sont pas vraiment un bon matériau, elles manquent de nombreux glyphes et n'ont pas de poids.
Littlemad
7
Manque de poids, bien sûr, mais il y a beaucoup de polices professionnelles qui le sont aussi, comme pour les glyphes, jetez un coup d'œil aux polices, elles ont six alphabets que vous pouvez filtrer (dont deux avec des glyphes supplémentaires), Je pense que vous avez complètement tort. De plus, trouvez-moi un meilleur service gratuit.
dkuntz2
Bonne trouvaille, mais la lettre "Q" de PT est assez forte.
jonallard
Sachez également que plus de 90% du trafic des médias sociaux se fait désormais via mobile (y compris les liens entrants obligatoires vers les sites Web) et que plus de 55% du trafic des sites Web est mobile. En ce qui concerne les sites Web, il doit être moins esthétique et mieux définir la police qui représente le plus efficacement votre communication dans un design réactif, c’est-à-dire qu’il n’est pas assez performant pour fonctionner correctement sur un écran iMac 27 ". Qu'en est-il d'un mobile 4 pouces 3 ans? C'est le monde réel et fait d'un service gratuit comme Google Fonts une évidence pour moi. Et le temps, c'est de l'argent commercialement - combien avez-vous à perdre à tester une police?
Applefanboy
20

Selon Wikipedia, Myriad Pro est fourni avec Adobe Reader, pas avec Windows.

Et une recherche rapide sur Google montre que vous pouvez l'utiliser sur le Web à l'aide de Typekit (avec un abonnement de 24,99 $ / an): http://typekit.com/fonts/myriad-pro

Nir
la source
Je suis allé à ampersandconf et j'ai découvert plus de services autour du +1 meilleur service disponible pour moi (les autres alternatives sont fontdeck, webtype, myfonts, hoefler & frere-jones et fontfont)
Littlemad
@ Littlemad, vous savez que H & FJ ne dispose pas d'un service Webfont, n'est-ce pas?
dkuntz2
J'étais à Ampersandconf 2011.ampersandconf.com, où Jonathan Hoefler a déclaré qu'il travaillait à la mise en ligne de ses polices. typography.com/ask/faq.php?faqID=126#Faq_126 Je suis sincèrement très étonné qu'ils n'aient encore rien publié après tous ces mois.
Littlemad
17

Si votre site Web cible la foule de concepteurs, la suite Adobe sera installée sur beaucoup d'entre eux (ne demandez pas de quelle manière). Kottke.org l'utilise sans incorporation css, et voici la règle de sa famille de polices:

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

méthodofaction
la source
Bien qu'il ne s'agisse que d'une pile, c'est une pile plutôt bonne pour ce cas.
dkuntz2
2
Où avez-vous trouvé ces noms de police? Adobe devrait être la seule fonderie à produire Myriad, et ils ne l’ont publié que sous les noms "Myriad", "Myriad Pro" (OpenType) et "Myriad Web Pro". Les autres versions que vous avez référencées ne sont pas standard. Ils peuvent être créés si quelqu'un utilise une copie de la police d'Adobe dans un éditeur de polices ou un convertisseur de polices, mais il s'agit d'un scénario incroyablement improbable.
Lèse majesté
9

Une police gratuite qui est très, très proche: Vegur

Le support des personnages n'est pas le meilleur, mais s'il ne s'agit que de titres et que ce doit être vraiment Myriad, l'effort supplémentaire de @ font-face-in peut en valoir la peine.

sebastian_k
la source
1
"Web safe" signifie qu'il devrait être disponible sur un navigateur client sans avoir à l'installer. Peu importe si c'est gratuit - vous devez toujours le télécharger et l'installer sur votre ordinateur pour le voir sur une page Web qui l'utilise. Verdanaest assez sûr car il est installé par défaut sur de nombreux systèmes. Arialest encore plus commun. En dernier recours, utilisez sans serif, qui est un nom standard pour ce style de police, et tous les navigateurs le traduiront automatiquement en une police similaire installée.
Aᵂᴱ
2
Vegur est dans le domaine public. Vous pouvez donc toujours préparer une police Web et l’héberger sur votre serveur. De cette façon, vous pouvez le rendre disponible sur la plupart des navigateurs sans nécessiter une installation assistée par l'utilisateur (sur IE, même pour les versions antérieures, Opera, Safari, Chrome, Firefox et probablement quelques autres).
Skalee
6

Vous avez plusieurs choix:

  • Un jour dans le futur, vous pourrez utiliser @ font-face pour charger la police de votre choix (licence gratuite à la distribution).

  • Si vous ne l'utilisez que pour des titres, vous pouvez utiliser la technique SIFR utilisant le flash ou une technique simple de remplacement d'image .

  • Vous pouvez également utiliser, comme les serveurs d’hébergement de paiement déjà proposés pour la police Typekit .

Littlemad
la source
4

Vegur propose un kit @ font-face (ainsi que Cufon) à l' adresse http://www.cufonfonts.com/fr/font/12046/vegur . La prise en charge du navigateur a évolué au point que la plupart des gens pourront voir la police utilisée via @ font-face même s’ils n’ont pas la police installée, tant que la police est hébergée sur le serveur.

NDeLeon
la source
4

J'avais la même question, je me suis installé à CartoGothic-Std après avoir lu l'article suivant:

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

Le lien de téléchargement de la police:

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

A. Perez Cera
la source
2
Carto est une véritable arnaque de Frutiger. Étant donné que Myriad est principalement une arnaque de Frutiger (moins que Carto), vous avez le choix.
Vêtements en civil
N'avait aucune idée de ce que c'était, et ne peut rien argumenter mais reconnaître la relation. Cependant, il est agréable de trouver des alternatives gratuites similaires aux polices payantes. Cependant, j'obtiendrai à la fois Frutiger et Myriad. Je ne travaille pas à la conception, mais ce sont des polices indispensables.
A. Perez Cera
Frutiger et Univers sont deux œuvres étonnantes pour lesquelles le secteur du design doit une dette considérable à Adrian Frutiger :)
vêtements en civil
3

Quand je ne peux pas utiliser Myriad Pro (qui est notre norme d’entreprise pour les titres, titres, etc.), j’utilise habituellement Verdana. Je n'ai jamais eu de problème avec le fait qu'il ne soit pas disponible.

Stewbob
la source
Frutiger et Trébuchet sont également un bon match, Lucida Grande un peu moins, mais aussi similaire.
Lèse majesté
3

Sur mon installation de Windows 7 (avec MS Office 2010 installé), j'ai les polices qui correspondent le mieux : Lucida Sans , l' interface utilisateur de Segoe , Calibri , puis la police générique sans serif comme dernier secours.

CSS pour cela serait:

font-family: Myriad Pro, Lucida Sans, Segoe UI, Calibri, sans serif;
Aᵂᴱ
la source
1
Arial est une police néogrotesque comme Helvetica and Univers ou Akzidenz-Grotesk. Ce n'est pas un bon substitut à Myriad, qui est une police humaniste. Pour les systèmes d'exploitation Windows, Frutiger ou Trebuchet serait un meilleur substitut à Myriad en plus de Verdana. De même, "sans serif" n'est pas le nom d'une famille de polices réelle. Sous OS X, Helvetica sera utilisé comme "sans serif" et sous Windows, ce sera généralement Arial. Sous Ubuntu, la carte correspond à Ubuntu, une police humaniste sans empattement, mais je ne sais pas à quoi elle correspond sur d’autres systèmes d’exploitation.
Lèse majesté
@ Lèsemajesté: Je suis d'accord pour dire que Verdana et Arial pourraient ne pas être les meilleurs choix. J'ai changé ma réponse pour proposer de meilleures alternatives. En ce qui concerne "sans serif", il s'agit de l'une des cinq polices génériques, qui sont les seules véritablement "sécurisées pour le Web", car elles sont définies dans les normes Web, et le navigateur essaie de trouver la meilleure solution. Voir w3.org pour un exemple d'utilisation sur les polices génériques CSS.
Aᵂᴱ
2

Open Sans serait la meilleure police de remplacement pour cela!

sai
la source
2

Source Sans Pro est une excellente alternative.

Il est disponible via Google Fonts: http://www.google.com/fonts/specimen/Source+Sans+Pro

Très semblable à Myriad Pro, grande famille. Créé par Adobe (qui a également créé Myriad Pro) en tant que première famille de types open source pour le texte.

UX Matthew
la source
1

J'ai essayé toutes les polices suggérées ci-dessus et je ne pense toujours pas qu'aucune d'entre elles corresponde à Myriad Pro, contrairement à Trebuchet MS. Essayez ça. Il a tendance à être un peu plus maigre / moins audacieux que Myriad, mais je me rends compte que je peux le comprendre de près après avoir déconné avec des propriétés de police.

Dave W
la source
0

Si vous voulez utiliser, @font-faceje regarde toujours les polices Squirrel . vous pouvez télécharger des polices et ils vont créer un ensemble pour votre site avec le inclus css.

Danferth
la source
0

Maven Pro (police Google) est un autre substitut de Myriad Pro. Voir le lien

Super modèle
la source
-1

À toutes les personnes qui envisagent d'utiliser le répertoire de polices de Google (ça marche, je l'utilise aussi parfois). Sachez que certaines polices ajoutent un poids important / un temps de chargement important à vos pages. Dans le cas de la famille PT Sans mentionnée, il s'agit du "Poids de la page ajouté: 224 Ko compressé". Découvrez-le ici: http://www.google.com/webfonts/family?family=PT+Sans&subset=latin


la source
-1

Si Verdana est assez proche, DejaVu Sans est plus proche. Les deux sont comparés ici ; notez les 'I', 'Q' et 'R'.

Gavin R. Putland
la source