Web-sichere Alternative zu Myriad Pro Font?

61

Gibt es Schriftarten, die ich in meinem Schriftstapel verwenden kann und die Myriad Pro und web safe mehr oder weniger ähnlich sind ?

website-design font-recommendation web-safe Atif Mohammed Ameenuddin
quelle
5
Mit "web safe" meinen Sie Lizenz / Kosten (wie in, kostenlos und Open Source, daher ohne zusätzliche Lizenzierung im Web nutzbar), oder Sie meinen, dass es für das Web optimiert ist (mit TTF- und WOFF-Versionen) und eine @ font-face-Regel) oder meinst du damit, dass es auf den meisten Computern / Geräten bereits installiert ist und somit die Verwendung auf Webseiten "sicher" macht?
Thomasrutter

Antworten:

39

Möglicherweise finden Sie etwas Ähnliches im Google Fonts- Verzeichnis. Alles, was Sie tun müssen, ist, den Link in den Kopf Ihrer HTML-Seite aufzunehmen, und Sie können die Schriftarten in Ihrem CSS verwenden.

PT Sans ist ziemlich ähnlich (im Vergleich zum Rest der Liste)

dkuntz2
quelle
2
-1 Ich denke, dass die Mehrheit der Google-Schriften kein wirklich gutes Material für Schriften ist, ihnen fehlen viele Glyphen und sie haben keine Strichstärken.
Littlemad
7
Sicher, es fehlen Strichstärken, aber es gibt viele professionelle Schriften, die auch in wenigen Strichstärken erhältlich sind. Bei Glyphen sehen Sie sich bitte die Schriften an. Sie haben sechs Alphabete, nach denen Sie filtern können (zwei davon haben zusätzliche Glyphen). Ich denke du liegst total falsch. Außerdem finde ich einen besseren kostenlosen Service.
dkuntz2
Guter Fund, aber PTs Buchstabe "Q" ist ziemlich laut.
jonallard
Berücksichtigen Sie auch, dass 90% des Social-Media-Verkehrs jetzt über Handys abgewickelt werden (einschließlich der obligatorischen eingehenden Links zur Website) und dass 55% des Website-Verkehrs mobil sind. In Bezug auf Websites muss es weniger um Ästhetik als vielmehr darum gehen, welche Schriftart Ihre Kommunikation in einem responsiven Design am effektivsten darstellt. Das heißt, sie ist nicht gut genug, um auf einem 27 "-iMac-Bildschirm zu funktionieren Dies ist die reale Welt und macht einen kostenlosen Dienst wie Google Fonts für mich zum Kinderspiel. Und Zeit ist Geld - wie viel müssen Sie für das Testen einer Schriftart
verschwenden
20

Laut Wikipedia wird Myriad Pro mit Adobe Reader gebündelt, nicht mit Windows.

Und eine schnelle Google-Suche zeigt, dass Sie es mit Typekit (mit einem Jahresabonnement von 24,99 USD) im Web verwenden können: http://typekit.com/fonts/myriad-pro

Nir
quelle
Ich bin zu ampersandconf gegangen und habe mehr Services für +1 entdeckt. Bester Service für mich (andere Alternativen sind Fontdeck, Webtyp, MyFonts, Hoefler & Frere-Jones und Fontfont)
Littlemad
@Littlemad wissen Sie, dass H & FJ keinen Webfont-Service hat, oder?
dkuntz2
Ich war auf der Ampersandconf 2011.ampersandconf.com, wo Jonathan Hoefler erklärte, dass sie daran arbeiten, ihre Schriften ins Internet zu stellen. typography.com/ask/faq.php?faqID=126#Faq_126 Ich bin aufrichtig ziemlich überrascht , dass sie noch nicht veröffentlichen etwas nach all diesen Monaten.
Littlemad
17

Wenn Ihre Website auf die Designer zugeschnitten ist, wird auf vielen von ihnen die Adobe Suite installiert (fragen Sie nicht, auf welche Weise). Kottke.org verwendet es ohne CSS-Einbettung. Dies ist seine Schriftfamilienregel:

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

methodofaction
quelle
Während es nur ein Stapel ist, ist es für diesen Fall ein ziemlich guter Stapel.
dkuntz2
2
Woher haben Sie diese Schriftnamen? Adobe sollte die einzige Gießerei sein, die Myriad produziert, und sie haben es nur als "Myriad", "Myriad Pro" (OpenType) und "Myriad Web Pro" veröffentlicht. Die anderen Versionen, auf die Sie verwiesen haben, sind nicht Standard. Sie könnten erstellt werden, wenn jemand eine Kopie der Schriftart von Adobe über einen Schrifteditor oder einen Schriftkonverter ausführt, aber das ist ein unglaublich unwahrscheinliches Szenario.
Majestätsbeleidigung
9

Eine freie Schrift, die sehr, sehr nah ist: Vegur

Die Zeichenunterstützung ist nicht die beste, aber wenn es nur um Überschriften geht und es wirklich Myriaden sein müssen, lohnt sich der zusätzliche Aufwand von @ font-face-ing.

sebastian_k
quelle
1
"Web safe" bedeutet, dass es auf einem Client-Browser verfügbar sein sollte, ohne dass es installiert werden muss. Es spielt keine Rolle, ob es kostenlos ist - Sie müssen es immer noch herunterladen und auf Ihrem Computer installieren, um es auf einer Webseite zu sehen, die es verwendet. Verdanaist ziemlich sicher, da es standardmäßig auf vielen Systemen installiert ist. Arialist noch häufiger. Als letztes Fallback verwenden Sie sans serif, was ein Standardname für diesen Schriftstil ist, und alle Browser übersetzen diesen automatisch in eine ähnliche installierte Schrift.
27.
2
Vegur ist gemeinfrei, sodass Sie jederzeit eine Webschrift vorbereiten und auf Ihrem Server hosten können. Auf diese Weise können Sie es auf den meisten Browsern verfügbar machen, ohne dass eine benutzerunterstützte Installation erforderlich ist (ich meine, auf IE, sogar älteren Versionen, Opera, Safari, Chrome, Firefox und wahrscheinlich einigen anderen).
Skalee
6

Sie haben verschiedene Möglichkeiten:

  • Eines Tages könnten Sie @ font-face verwenden, um eine beliebige Schriftart zu laden (welche Lizenz für die Verteilung frei ist).

  • Wenn Sie es nur für Titel verwenden, können Sie die SIFR- Technik, die Flash verwendet, oder eine einfache Bildersetzungstechnik verwenden

  • Oder Sie könnten, wie bereits vorgeschlagen, Payment-Hosting-Server für die Schriftart Typekit verwenden .

Littlemad
quelle
4

Vegur hat ein @ font-face-Kit (sowie Cufon) unter http://www.cufonfonts.com/en/font/12046/vegur . Die Browserunterstützung ist so weit fortgeschritten, dass die meisten Benutzer die über @ font-face verwendete Schriftart sehen können, auch wenn sie die Schriftart nicht installiert haben, solange die Schriftart auf dem Server gehostet wird.

NDeLeon
quelle
4

Ich hatte die gleiche Frage und entschied mich für CartoGothic-Std, nachdem ich den folgenden Artikel gelesen hatte:

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

Der Download-Link der Schriftart:

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

A. Perez Cera
quelle
2
Carto ist eine unverfrorene Abzocke von Frutiger. Da Myriad größtenteils auch eine Abzocke von Frutiger ist (weniger als Carto), ist das dein Gegenstück.
Zivil
Hatte keine Ahnung, was es war, und kann nichts bestreiten, als die Beziehung zu erkennen. Es ist jedoch schön, ähnliche kostenlose Alternativen zu kostenpflichtigen Schriftarten zu finden. Ich werde jedoch schließlich sowohl Frutiger als auch Myriad erwerben. Ich arbeite nicht am Design, aber das sind Must-Have-Schriften.
A. Perez Cera
Frutiger und Univers sind beide erstaunliche Arbeiten, für die Adrian Frutiger eine große Schuld der Designbranche hat :)
Zivil
3

Wenn ich Myriad Pro (unser Unternehmensstandard für Titel, Überschriften usw.) nicht verwenden kann, verwende ich normalerweise Verdana. Ich hatte noch nie ein Problem damit, dass es nicht verfügbar ist.

Stewbob
quelle
Frutiger und Trebuchet passen auch gut zusammen, Lucida Grande etwas weniger, aber auch ähnlich.
Majestätsbeleidigung
3

In meiner Windows 7-Installation (mit MS Office 2010) sind die folgenden Schriftarten am ehesten identisch: Lucida Sans , Segoe UI , Calibri und dann die generische serifenlose Schrift als letztes Fallback.

CSS dafür wäre:

font-family: Myriad Pro, Lucida Sans, Segoe UI, Calibri, sans serif;
Aᵂᴱ
quelle
1
Arial ist eine neogroteske Schrift wie Helvetica und Univers oder Akzidenz-Grotesk. Es ist kein guter Ersatz für Myriad, eine humanistische Schrift. Für Windows-Betriebssysteme wäre Frutiger oder Trebuchet ein besserer Ersatz für Myriad neben Verdana. Ebenso ist "Sans Serif" nicht der Name einer tatsächlichen Schriftfamilie. Unter OS X wird Helvetica als "Sans Serif" und unter Windows normalerweise als Arial verwendet. Auf Ubuntu wird es Ubuntu zugeordnet, einer humanistischen serifenlosen Schriftart, aber ich weiß nicht, wie es auf anderen Betriebssystemen zugeordnet ist.
Majestätsbeleidigung
@ Lèsemajesté: Ich stimme zu, dass Verdana und Arial möglicherweise nicht die beste Wahl sind. Ich habe meine Antwort geändert, um einige bessere Alternativen vorzuschlagen. Wenn es um "serifenlose" Schriften geht, handelt es sich um eine der fünf generischen Schriften, die als einzige wirklich "websicher" sind, da sie in den Webstandards definiert sind und der Browser versucht, die beste Anpassung zu finden. Unter w3.org finden Sie Beispiele für die Verwendung von generischen CSS-Schriftarten.
11.
2

Open Sans wäre dafür die beste Alternative!

sai
quelle
2

Source Sans Pro ist eine großartige Alternative.

Es ist über Google Fonts verfügbar: http://www.google.com/fonts/specimen/Source+Sans+Pro

Sehr ähnlich Myriad Pro, große Familie. Erstellt von Adobe (der auch Myriad Pro geschrieben hat) als erste Open-Source-Schriftfamilie für Text.

UX Matthew
quelle
1

Ich habe alle oben vorgeschlagenen Schriftarten ausprobiert und glaube immer noch nicht, dass Myriad Pro mit ihnen übereinstimmt, wie dies bei Trebuchet MS der Fall ist. Probieren Sie das aus. Es ist tendenziell etwas dünner / weniger fett als Myriad, aber ich finde, dass ich es ziemlich genau hinbekomme, nachdem ich mit den Schrifteigenschaften rumgespielt habe.

Dave W
quelle
0

Wenn Sie verwenden möchten, @font-faceschaue ich immer zum Schriftarteichhörnchen . Sie können Schriftarten hochladen und sie erstellen ein Set für Ihre Site mit den enthaltenen css.

Danferth
quelle
0

Eine weitere ähnliche Alternative zu Myriad Pro ist Maven Pro (Google-Schriftart). Siehe Link

Super Model
quelle
-1

An alle Personen, die das Google Font Directory verwenden möchten (es rockt, ich verwende es auch manchmal). Beachten Sie, dass einige Schriftarten Ihren Seiten eine erhebliche Gewichtung und Ladezeit verleihen. Bei der erwähnten PT Sans-Familie ist es "Zusätzliches Seitengewicht: 224 kb komprimiert". Überprüfen Sie es hier: http://www.google.com/webfonts/family?family=PT+Sans&subset=latin


quelle
-1

Wenn Verdana nah genug ist, ist DejaVu Sans näher. Die beiden werden hier verglichen ; Beachten Sie das 'I', 'Q' und 'R'.

Gavin R. Putland
quelle