Schriftarten im Web [duplizieren]

Question

Diese Frage hat bereits eine Antwort hier:

• Gewusst wie: einbetten von Schriftarten in HTML? 6 Antworten

Die Sammlung von Schriften zur Verfügung, um web-Entwickler ist bedrückend begrenzt.Ich erinnere mich gelesen zu haben vor langer Zeit über TrueDoc, als eine Weise der Versand Schriften neben einer website, aber es scheint schmachtete.Hat jemand diese verwendet, oder etwas ähnliches?Ist es unterstützt durch genug Browsern?Bin ich eine gute Lösung?

Beachten Sie, dass eine verantwortungsbewusste web-Entwickler keine Schriftarten verwenden, die nur auf Windows (und besonders diejenigen, die sind nur bei Vista), noch haben Sie eine Technologie verwenden, die nicht unterstützt wird, indem zumindest der meisten Browser.

---

Update: Wie viele Leute haben darauf hingewiesen, es ist nichts falsch mit der Bereitstellung einer Liste von fallback-Schriften für Menschen, die nicht haben die Schrift Sie verwenden.Ich in der Tat das immer, und wollte damit nicht sagen, dass dies falsch war.

Während meine Frage war schlecht formuliert, was ich meinte, war, dass ein designer sollte nicht zu viele Annahmen darüber, was der client zur Verfügung haben wird.Sollten Sie planen, wie sich alle Benutzer Ihrer Website zu sehen, nicht nur für Personen, die mit Ihrem eigenen bevorzugten setup.

Answer 1

Safari und-in geringerem Umfang, Firefox 3 unterstützt @font-face in CSS können Sie benutzerdefinierte Schriftarten verwenden.Sie müssen die entsprechende Lizenz vertreiben die schriftart-Dateien, wenn.Diese Artikel erklären es im detail:

• http://www.css3.info/preview/web-fonts-with-font-face/
• http://www.alistapart.com/articles/cssatten
• http://www.sitepoint.com/blogs/2008/07/30/custom-web-fonts-pick-your-poison/

Answer 2

Dies ist eine rechtzeitige thread;wir wechselten zu Arial weil Calibri ist so klein im Vergleich zu all den anderen fallback-Schriftarten!Es schmerzte mich stark zu wechseln (gag) Arial, denn es ist ein Mist Kopie der Helvetica:

http://www.ms-studio.com/articles.html

Die Dimensionierung Schwierigkeiten (zu groß, wenn Sie gehen mit einem "c" - schriftart als standard;zu klein, wenn Sie mit etwas gehen normal) sind im detail hier beschrieben:

http://neosmart.net/blog/2006/css-vistas-new-fonts/

Ich werde Sie vermissen Calibri schöne hand-tuned RGB-aliasing viel, aber es war einfach unmöglich, zu liefern, eine gute Erfahrung für die meisten Benutzer, ohne die anspruchsvolle Calibri installiert werden.Es ist einigermaßen üblich, wie es kommt mit Office 2007 (Win/Mac) und natürlich Vista..aber es ist weit von universal, so dass es ein bisschen unverantwortlich zu stark auf es für eine Globale web-Publikum.

Answer 3

Sie können natürlich auch SIFR.

Dies degradiert anmutig in Browsern, die das nicht unterstützen und zugänglich ist.

Es ist nicht wirklich geeignet für den Einsatz auf vielen text, aber für überschriften und markieren Sie text es perfekt.

Das ist natürlich ein arbeiten rund um die intrinsische Begrenzung der Browser und das web in dieser Zeit, aber wenn war dies nicht der Fall für die Mehrheit der web-Technologien und-Techniken.

Answer 4

Sie können tun, dass mit dem neuen @font-face Erklärung erhältlich in CSS3.Es hat sehr guten support für CSS3-Funktion (d.h.seit IE4), zu.

Die Allgemeine syntax ist:

@font-face {
    src: url('Pfad zu Ihrem font') format('woff|ttf|svg|eot|...');
    font-family: den Namen zu verwenden;
    font-weight: ein optionales Gewicht;
    font-style: optional Stil;
}

Es gibt auch ein generator verfügbar wandelt die Schrift in mehreren Formaten und erstellt die entsprechenden CSS.

Heute, würde ich empfehlen, die nur eine WOFF-Datei;es ist bequem, einfach zu erstellen.

Auch, stellen Sie sicher, zu zitieren, der name des formats (z.B. format('woff'));es funktioniert nicht auf Firefox sonst.

Answer 5

Beachten Sie, dass eine verantwortungsbewusste web-Entwickler keine Schriftarten verwenden, die nur auf Windows (und vor allem diejenigen, die sind nur auf Vista), noch haben Sie eine Technologie verwenden, die nicht unterstützt durch mindestens die meisten Browser.

Es ist nichts falsch oder falsch über die Verwendung von Windows/Vista-spezifische Schriftarten, sofern Sie ordnungsgemäß abbauen, um eine allgemein verfügbare schriftart.Zum Beispiel:

font-family: Calibri, Tahoma, Helvetica, Sans-Serif;

In der Tat, das ist der springende Punkt!

Answer 6

CSS2 bietet:

@font-face {
    font-family: Garamond;
    src: url(garamond.eot), url(garamond.pfr);
}

Answer 7

Beachten Sie, dass eine verantwortungsbewusste web-Entwickler keine Schriftarten verwenden, die nur auf Windows (und vor allem diejenigen, die sind nur bei Vista), noch haben Sie eine Technologie verwenden, die nicht unterstützt wird, indem zumindest der meisten Browser.

Ich denke, das ist eher fehlt der Punkt.Es wäre kein Problem, wenn Sie haben;jeder würde etwas sinnvolles, Sie könnten leicht Lesen, und diejenigen, die brauchen können die schriftart ändern, was auch immer Sie wollen sowieso, weil es nur text und allen gängigen Browsern lassen Sie Sie passen Sie die schriftart, die Sie sehen, unabhängig von den Präferenzen der Website-designer.

Es ist nichts gebrochen, über was darauf hindeutet fonts in der CSS, die einige Benutzer nicht haben;Sie sehen nur etwas anders aus, Sie.Anders ist nicht gebrochen.Sie werden nicht einmal Fragen, warum sind Sie mit Standard-Schriftarten, da Sie nicht wissen, dass andere Leute sehen, etwas anderes.

Dies ist der ganze Punkt von font sets:

Verdana, Arial, Helvetica, sans-serif

Es ist gute Praxis, weil es genau das bestätigt, dass die Menschen sehen verschiedene Dinge.

Dies ist eine gute Praxis zu:

Gill Sans, Verdana, Arial, Helvetica, sans-serif

Also, die meisten Menschen haben keine Gill – who cares?Sie bekommen ein perfekt guter Standort unabhängig.

Und dies wäre auch in Ordnung, aber ein bisschen seltsam und faul:

Gill Sans

Unverantwortlich, web-design, Dinge zu tun, wie Sie text von Bildern ohne alt-text, nicht mit interessanten Schriften in font sets.

Answer 8

IE unterstützt @font-face (es begann als Ihre proprietären Technologie in MS Word). Hier ist ein blog-Beitrag aus dem IE-team über ungefähr vor einem Monat.

Answer 9

Beachten Sie, dass eine verantwortungsbewusste web-Entwickler keine Schriftarten verwenden, die nur auf Windows (und vor allem diejenigen, die sind nur bei Vista), noch haben Sie eine Technologie verwenden, die nicht unterstützt wird, indem zumindest der meisten Browser.

Gut... Sie kann, solange Sie wissen, wie es gerendert wird, auf nicht-Vista/non-Windows OS.

Ansonsten:yep, @font-face in CSS2 ist die beste standard-alternative, auch wenn es nicht so stark unterstützt wird.

Answer 10

Ich könnte mir vorstellen, dass jede Form der Weitergabe von Schriften, mit einer web-Seite darstellen würde, irgendeine Art von Sicherheitsrisiko.Ich habe gehört, von den Methoden, die im Falle, dass der client nicht den erforderlichen schriftart, der text kann dynamisch ersetzt werden durch ein Bild oder irgendeine Art ein Blitz angezeigt.Das einzige, wie das ich finden kann, ist jetzt in AListApart aber es kann schon sein, überflüssig.Sagte Methode würde auch erfordern, css, Bilder und javascript zu arbeiten und könnte das schmerzhaft werden zu implementieren, die in allen Browsern.