Warum verwendet Bootstrap 3 Helvetica Neue?

Mein Verständnis ist derzeit: "Helvetica Neue" ist eine Linotype-Schriftart. Das bedeutet, dass es kostenpflichtig ist und nicht kostenlos genutzt werden kann. Es ist auch eine Schriftart, die nicht für das Web, sondern für den Druck bestimmt ist. Es wird auf einer Reihe von Geräten nicht gut dargestellt, z. B. PC-Benutzern, die mit Chrome oder IE surfen. Helvetica Neue ist besonders schlecht beim Rendern in kleinen Größen.

Und doch sehen wir direkt in Bootstrap v3.3.5

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  ...
}

Und wenn ich nach der "gemeinsamen" browserübergreifenden Schriftdeklaration suche wie:

 @font-face {
    font-family: 'Helvetica Neue';
    src: url('Helvetica-Neue-webfont.eot');
    src: url('Helvetica-Neue-webfont.eot?#iefix') format('embedded-opentype'),
    url('Helvetica-Neue-webfont.woff') format('woff'),
    url('Helvetica-Neue-webfont.ttf') format('truetype'),
    url('Helvetica-Neue-webfont.svg#Helvetica Neue') format('svg');

  }

Es ist nirgendwo in einer Bootstrap-Datei zu finden, noch stellt Bootstrap .eot-, .woff-, .ttf- oder .svg-Dateien für Helvetica Neue über CDN oder Download bereit.

  1. Warum entscheidet sich Twitter für Helvetica Neue, wenn es sich nicht um eine webfreundliche Schriftart handelt?
  2. Wie liefert Twitter Helvetica Neue an Browser, wenn keine .eot-, .woff-, .ttf- oder .svg-Dateien an ein CDN angefordert oder beim Herunterladen von Bootstrap eingeschlossen werden?
Ich habe auch die gleiche Frage. Unsere Website - Saathi Re beschäftigt sich mit dem gleichen Problem. Helvetica Neue greift auf Ariel unter Windows zurück und lässt es ganz anders aussehen. Es gibt hier einen langen Thread mit dem Bootstrap-Gründer, der aber anscheinend jetzt gesperrt ist

Antworten (1)

Dass Helvetica Neue auf dem Bildschirm nicht gut dargestellt wird, ist meist Ansichtssache. Eine gültige Meinung, aber heute weniger als in der Vergangenheit jetzt mit dem Ansturm von Bildschirmen mit hoher Dichte. Apple hat es zum Beispiel schon seit geraumer Zeit auf iOS verwendet.

Beachten Sie auch, dass dies keine „Webfonts“ sind, da sie vom Server bereitgestellt werden. Bootstrap verwendet lediglich Standard-CSS-Font-Stacks. Es verwendet Helvetica Neue, wenn es sich auf dem System des Endbenutzers befindet, aber wenn nicht, fährt es mit der nächsten Schriftart in der Liste fort.

Also um die Fragen zu beantworten:

Warum entscheidet sich Twitter für Helvetica Neue, wenn es sich nicht um eine webfreundliche Schriftart handelt?

Viele würden argumentieren, dass es webfreundlich ist. Warum es für Bootstrap ausgewählt wurde, liegt wahrscheinlich daran, dass Twitter es auf seiner eigenen Website verwendet. Es ist ihr Rahmen, also macht das vom reinen Branding-Standpunkt aus Sinn.

Wie liefert Twitter Helvetica Neue an Browser?

Es ist nicht. Es ist lediglich eine CSS-Deklaration. Wie oben erwähnt, wird es nur verwendet, wenn es auf dem Computer des Endbenutzers installiert ist.

Denken Sie schließlich daran, dass dies ein Framework ist. Die Idee ist, dass es ein großartiger Ausgangspunkt ist, aber auf keinen Fall Ihr visuelles Design vollständig diktieren sollte.

Ich schätze Ihre Antwort und denke, es ist die richtige Antwort, außer dass ich ein Problem habe, ich denke nur, ich gehe nicht davon aus, dass ich richtig bin. Was ich denke, ist, dass Sie ein Mac- oder Apple-Gerätebenutzer sind und eine Neigung dazu haben, dass Helvetica Neue gut gerendert wird, und es ist Ansichtssache, wenn jemand denkt, dass es nicht gut gerendert wird. Ich benutze meistens einen PC und ich kann Ihnen sagen, dass ich viele Probleme damit habe, dass Helvetica Neue nicht einmal lesbar ist, insbesondere bei kleinen Schriftgrößen auf Webseiten in Chrome
@ BrianOgden, es ist nicht so sehr ein Problem zwischen Mac und PC. Es ist wirklich ein Problem mit der Bildschirmdichte. Bildschirme mit hoher Dichte können Schriftarten viel besser wiedergeben als die Bildschirme mit "Standard"-Dichte der letzten Jahrzehnte. Auf Bildschirmen mit Standarddichte würden viele Leute zustimmen, dass kleine Helvetica oder Arial nicht ideal sind und dass es für diesen Zweck bessere Schriftarten gibt.
Warum verwendet Bootstrap 3 Helvetica Neue?
AntwortenHierDatenschutz-Bestimmungen1y, 0v