Ich suche nach einer Liste von Schriftarten, die ich in CSS verwenden kann. Da diese Schriftarten urheberrechtlich geschützt sein können, welche Schriftarten sollte ich verwenden, die verfügbar sind über Windows (ab XP), Mac OS X und, sagen wir, Ubuntu 8.04?Was sind gute Webentwicklungsschriften?
Ich möchte mich nicht nur auf die neueren Betriebssysteme verlassen.
Ein großer Bonus wäre, wenn die gleichen Schriftarten auf mobilen Geräten vorhanden wären.
Siehe hierzu list of browser safe fonts.
Es ist Windows + Mac centric, aber immer noch gilt. Sie enthalten auch einen Linux-Screenshot.
Verdana ist ein guter.
Hier ist ein Führer ...
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
Wie für Handys, alles, was ich viel Glück sagen kann! Meine Tochter hat mein Blackberry für fünf Minuten von mir bekommen und meinen Hintergrund, den Klingelton geändert, und jetzt sind alle meine Schriften Cartoon-Fonts.
Hier ist eine Liste von iPhone-Schriftarten, aber vielleicht etwas veraltet. http://daringfireball.net/misc/2007/07/iphone-osx-fonts
Hier ist ein schöner Artikel über typefaces for the web.
Viele Schriftarten sind von modernen Browsern verfügbar. Halten Sie es jedoch einfach und ein wenig groß. Verwenden Sie auch kontrastierende Farben, um das Lesen zu erleichtern.
Hier einige Pflichtlektüre:
auch einige relevante Fragen auf Stackoverflow:
CSS können Sie alle Schriftarten auf dem System installiert verwenden. font-family können Sie viele Schriftarten auflisten. Wenn der Parser das erste nicht auf dem System installiert findet, wird es auf das nächste verschoben. Das ist der Grund, warum die meisten font-family Definitionen auf Sans-Serif oder Serif herunterskalieren. Wenn der Browser keine Ihrer Fonts hat, verwendet er die Standard-Serif-, Sans-Serif- oder Monospaced-Schriftart usw.
Wenn Sie ein Typographer sind, bis Sie CSS3-Schriftarten abheben Ich werde damit leben müssen, all Ihren Mac-Benutzern alle guten Schriftarten zur Verfügung zu stellen, da Mac OS X eine weitaus größere Auswahl an großartigen Schriftarten als Windows installiert hat. Ich werde ein wenig deprimiert, wenn ich meine Seiten unter Windows auflade und ich werde mit einem Stapel starrer Alias-Schriften begrüßt.
Während eine solche Liste sicherlich nützlich ist, sollten Sie auch den Fallback-Mechanismus von CSS nutzen.Beispielsweise können Sie Consolas, Courier New, Monospace in Ihrem font-family-Attribut auflisten und die bestmögliche Übereinstimmung auf diesem Gerät erzielen.
Der letzte Punkt auf jeder font-family Liste soll ein neutraler wie „sans serif“, „serif“, „Monospace“ usw.
Auf diese Weise Ihre Designer seine Schriftart sie denken, können am besten solange es eine vernünftige Downlevel-Erfahrung gibt.
Siehe zum Beispiel w3.org's guidance
Features:
Die einzige 100% sichere Art und Weise Schriftarten zu erklären ist Generika als Fall Rücken zu verwenden.
Die Generika sind:
Von W3C
Alle fünf generischen Schriftfamilien sind definiert in alle CSS Implementierungen existieren (sie müssen nicht notwendigerweise zu fünf verschiedenen tatsächlichen Schriftart Karte). Benutzeragenten sollten angemessenen Standard-Auswahlmöglichkeiten für die generischen Schriftfamilien, die die Merkmale der einzelnen Familie so gut wie möglich innerhalb der Grenzen durch die zugrunde liegende Technologie erlaubt.
Fonts wie Arial und Verdana, die für auf Linux-Browser vorhanden sein kann, nicht viele Web-Designer nehmen gewährt (auch Firefox auf CentOS aus Erfahrung). Apple hat die meisten Microsoft-Schriftarten, aber es gibt einige, die nicht vorhanden sind.
Sie könnten sIFR für Header verwenden und sich nicht um websichere Schriftarten kümmern. Werfen Sie einen Blick auf die example page. Es ist ziemlich toll.
Sie sind ziemlich sicher mit Helvetica/Arial (ja, ich weiß, es gibt einen Unterschied!) Oder Verdana für Sans-Serif oder Georgia oder Times für Serif. In Ihrem CSS können Sie einfach eine Liste in Ihre bevorzugte Reihenfolge setzen. Sie sollten immer in einer generischen Schriftfamilie enden, um alle Ihre Basen abzudecken.
Meine Webseiten sehen in der Regel etwas wie folgt aus:
font-family: Helvetica, Arial, sans-serif;
font-family: Georgia, serif;
Wenn Sie mit Ihrem Typographie nett und hübsch machen wollen, können Sie in SIFR aussehen sollte, die Flash spezielle Schriftarten einbetten verwendet.
Arial ist meine "sichere" Schriftart, die ich die ganze Zeit benutze.
Aber ich habe in letzter Zeit viel Trebuchet verwendet. Es ist üblich, dass praktisch jeder es haben wird. Es ist überall in StackOverflow, FeedBurner und vielen anderen beliebten Websites in diesen Tagen verwendet.
Aber nur für den Fall der Benutzer es nicht hat, würde ich CSS wie folgt verwenden ... erinnern
font-family:Trebuchet MS,Helvetica,sans-serif;
Just (wie Stackoverflow hat): Freunde Freunde lassen Sie sich nicht Verwenden Sie Comic Sans.
(Ernsthaft, Sie haben gute Antworten oben schon ...).
würde ich mit Webfonts empfehlen, wenn Sie das Layout Konsistenz und die vollständige Kontrolle über die für Ihre Website gerendert Fonts wünschen. Hier sind einige Web-Font-Dienste überprüfen:
Alle diese Dienste zur Verfügung stellen Tausende von hochwertigen Schriften. Google Fonts sind völlig kostenlos. WebINK und TypeKit erfordern beide ein Abonnementmodell. Ich habe fonts.com nie benutzt, aber sie haben wahrscheinlich ein ähnliches Modell.
Copyright ist nicht Ihr Problem, es sei denn, Sie die Schriftart einbetten. – cgp
Webdesigner sollten genug wissen, um keine verrückten Fonts zu verwenden (als Text natürlich) – Chet