Web sichere Alternative zu Roboto?

11

Was ist die nächstgelegene web-sichere Schriftart zu Roboto?

Ich muss dies wissen, um eine anständige Alternative zu Roboto für meine Apps bereitzustellen.

UPDATE: Wenn man die Antworten liest, ist klar, dass das Konzept des Web-Safes klargestellt werden muss. Eigentlich beziehe ich mich auf das webdev-Konzept von web safe: http://www.w3schools.com/csSref/css_websafe_fonts.asp

welches das folgende einschließt:

  • Georgia, Serife
  • "Palatino Linotype", "Book Antiqua", Palatino
  • "Times New Roman", Times
  • Arial, Helvetica, serifenlos
  • "Arial Black", Gadget
  • "Comic Sans MS", kursiv
  • Aufprall, Holzkohle
  • "Lucida Sans Unicode", "Lucida Grande"
  • Tahoma, Genf
  • "Trebuchet MS", Helvetica
  • Verdana, Genf
  • "Courier New", Kurier, Monospace
  • "Lucida Console", Monaco
Leng
quelle
3
Was meinst du mit "web-safe"? Roboto ist in Google-Schriftarten verfügbar. Gibt es einen Grund, warum Sie diesen Dienst nicht nutzen möchten (oder @ font-face verwenden möchten)?
Scribblemacher
Hallo Ling, willkommen bei GD.SE und vielen Dank für Ihre Frage. Könnten Sie bitte einen Screenshot von Roboto hinzufügen, damit wir ihn nicht nachschlagen müssen, bevor wir nach Alternativen suchen? Vielen Dank! Wenn Sie Fragen zu dieser Stack-Site haben , besuchen Sie die Hilfe oder nehmen Sie am Graphic Design Chat teil . Tragen Sie weiter bei und genießen Sie die Website!
Vincent
@Scribblemacher Siehe meine Update-Frage für das web-sichere Konzept. Der Grund, warum ich danach suche, besteht darin, einen Fallback für Schriftarten bereitzustellen, falls ein Problem auftritt (wie der Ausfall des CDN-Servers von Google, ich weiß, dass dies hypothetisch ist, aber ich fühle mich sicherer, wenn ich einen Fallback einstelle).
Ling
@ Vincent Hier ist der Screenshot (Art): fonts.google.com/specimen/Roboto
ling
1
In diesem Fall, wenn es web-sicher ist, würde ich sagen, dass Ihre beste Option arial / helvética
Joana Ribeiro

Antworten:

14

Der "Web-Safe" ist ein kleines Arcaic-Konzept.

Es ist wahrscheinlicher, dass Ihre Website verschwindet, bevor Google die aufgelisteten Schriftarten nicht mehr unterstützt. Jede Alternative zu anderen "Google-Schriftarten" hat also keinen Sinn.

Wenn Sie Ihren Stil ergänzen möchten, verwenden Sie:

font-family: "Roboto", Arial, Helvetica, sans-serif;
Rafael
quelle
1
Stellen Sie sicher, dass Sie die Schriftart mit @importoder etwas einschließen
Zach Saucier
8
"Web-Safe" ist kein archaisches Konzept. Schriftflächen liegen normalerweise im Bereich von 20 bis 50 KB pro Fläche, und viele Designs verwenden 5+. Wenn Sie Inhalte erstellen, die 100.000 Personen in Nigeria, Ghana und Pakistan zur Verfügung gestellt werden sollen, verfügen Sie über ein Budget von ca. 500 KB für die gesamte Seite, einschließlich der Kopfzeilen. Wenn Sie keine kuratierten web-sicheren Alternativen anbieten, haben Sie keine Kontrolle und Sie sind dabei, eine wirklich beschissene Erfahrung zu liefern (oder gar keine, wenn der Benutzer die Zurück-Taste drückt).
Coreyward
Wenn Sie die Regeln zum Importieren der Schriftarten tatsächlich hinzufügen, werden sie importiert. Wenn Sie wirklich eine "wirtschaftliche" Website wollen, bereiten Sie von Anfang an eine leichte Website vor, wahrscheinlich eine AMP-Seite.
Rafael
2

Roboto Web Safe, da es sich um eine Google-Schriftart handelt. Wenn Sie sich jedoch aus irgendeinem Grund von Roboto entfernen möchten, sind Open Sans oder Droid gut passende Schriftarten.

1] 2] 3]

Joana Ribeiro
quelle