Wird Helvetica als “ web-sichere ” -Schrift angesehen?

Helvetica ist nicht nur nicht sicher, sondern auch eine urheberrechtlich geschützte Schriftart , daher benötigen Sie eine Lizenz, um es zu verwenden, wenn Sie es als Webfont laden.

Tatsächlich gibt es keine 100% sicheren Web-Schriftarten , da dies davon abhängt Auf den Schriftarten hat der Benutzer auf seinem Gerät, und verschiedene Betriebssysteme haben unterschiedliche Schriftsätze. Daher müssen Sie Folgendes tun:

p{font-family:Arial, Helvetica, sans-serif} 

Andernfalls wird Ihre Site mit der vom Benutzer festgelegten Standardschriftart angezeigt, z. B. Times New Roman .

Wenn Sie auf Nummer sicher gehen möchten, empfehle ich diese recht raffinierte Ressource: CSS Font Stack . Dort sehen Sie „sicherere“ Schriftarten, den Prozentsatz der Nutzung durch das Betriebssystem und sogar den zu verwendenden Code, einschließlich Fallback -Alternativen

Kommentare

• Entschuldigung, aber bei UX geht es nicht um Zufälligkeit, sondern um Kontrolle. Sie mögen es vielleicht besser manchmal , aber es ist rein subjektiv, wie Sie sagen, und sicherlich nicht zu empfehlen
• @Devin Ich stimme zu. Während die Schriftart in CSS erwähnt wird, sollte sie als p {Schriftfamilie: Helvetica, Arial, serifenlos} geändert werden. Die primäre Schriftart sollte an erster Stelle stehen, wenn Stakeholder diese Schriftart bevorzugen, und als nächstes müssen wir Systemschriftarten wie Arial n sansarif
• hinzufügen. Warum alle Kommentare zu Urheberrechten und zum Laden von Webfonts? Bei der Frage geht es um web-sichere Schriftarten, die (per Definition) bereits auf dem Gerät des Endbenutzers vorhanden sind. Die Frage drückt nicht den Wunsch aus, Webfonts zu laden.
• CSS Font Stack ist nett, zeigt jedoch nur Schriftarten an, die unter Windows und OS X installiert sind.
• Einige gute Informationen zu Helvetica unter Windows. Link

Wie bereits erwähnt Es gibt keine sichere Webschrift. Es gibt jedoch eine Möglichkeit, fehlende Schriftarten von Ihrem Server mithilfe von @ font-face zu laden. @ font-face wurde erstmals in CSS2 eingeführt, enthält Fallback-Dateitypen und wird weitgehend unterstützt . Dies wäre keine 100% ige Lösung, aber vielversprechender als abhängig von der Auswahl der Schriftart des Geräts.

Zuerst würden Sie die Datei als reguläre statische gehostete Datei auf Ihrem Server ablegen. Möglicherweise müssen Sie die MIME-Typen Ihres Webservers so konfigurieren, dass die Datei ordnungsgemäß verarbeitet wird und nicht versucht wird, das Client-Handbuch stattdessen herunterzuladen.

Dann würden Sie Code in Ihr Stylesheet implementieren, der aussieht folgende. Beachten Sie, dass dies nur einige der möglichen Formate sind. Sie müssen nicht alle verwenden. Wenn Sie jedoch den Verweis auf die Datei nicht löschen, um eine unnötige Verzögerung durch die fehlende Ressource zu vermeiden.

@font-face { font-family: "MyWebFont"; src: url("webfont.eot"); /* IE9 Compat Modes */ src: url("webfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("webfont.woff2") format("woff2"), /* Super Modern Browsers */ url("webfont.woff") format("woff"), /* Pretty Modern Browsers */ url("webfont.ttf") format("truetype"), /* Safari, Android, iOS */ url("webfont.svg#svgFontName") format("svg"); /* Legacy iOS */ } 

Anschließend weisen Sie die Schriftart Ihrer zu Element. Wenn Sie versuchen möchten, Ihre Version von Helvetica zu verwenden, verwenden Sie Folgendes:

font-family: "MyWebFont", Helvetica, sans-serif; 

Wenn die Schriftart nicht geladen werden kann, wird versucht, den Computer zu verwenden „s Helvetica und wenn dies fehlschlägt, wird versucht, serifenlos zu laden. Außerdem können Sie Ihre Schriftart und die Maschinenschriftart vertauschen. Sie spart jedoch keine Bandbreite, da Ihre Schriftarten nach dem Laden des Stylesheets weiterhin geladen werden.

Zuletzt ist Helvetica keine kostenlose Schriftart. Sie müssen eine Lizenz für die Nutzung kaufen. Linotype verkauft Ihnen die erforderlichen Web-Schriftarten und Lizenzen von deren Website. Die Preise basieren auf Seitenaufrufen. Nach dem Kauf ist das Einbetten in Ihre Webseite oder Web-App jedoch völlig legal.

auf jedem Gerät zugänglich sein

Wirklich nicht „auf jedem Gerät verfügbar“.

Wenn Sie keine eingebetteten Schriftarten verwenden, müssen Sie einen Schriftstapel verwenden, damit Sie einige Sicherungsoptionen haben, falls die erste nicht verfügbar ist.

Helvetica ist nicht Teil eines Windows-Standardschriftartensatzes, daher sehen Windows-Benutzer wahrscheinlich eine andere sekundäre Schriftart. Wenn dies für Sie kein Problem darstellt, verwenden Sie Helvetica.

Kommentare

• Die Schriftart Arial ist in allen Windows-Versionen Standard (seit Version 3).1) und hat im wesentlichen die gleichen Layoutmerkmale; Die Verwendung von Arial als Fallback für Helvetica ergibt somit im Wesentlichen das gleiche Erscheinungsbild (entschuldigt sich bei den Schriftbegeisterten, die die Unterschiede kennen und sich darum kümmern). Siehe de.wikipedia.org/wiki/Arial
• Windows ist nicht das einzige Betriebssystem, ' vergiss nicht alle anderen. Andere haben möglicherweise kein Arial.
• Arial ist beispielsweise in vielen Linux-Distributionen nicht standardmäßig vorhanden.