@Schriftart in CSS… ist es in Ordnung?

Question

Auf meinem Webseite, meine Schriftfamilie ist Tw Cen MT, Gill Sans, Century Gothic, sans-serif. Offensichtlich wird nicht jeder haben Tw Cen Mt, Also habe ich mich entschieden, das auszuprobieren @font-face Methode.

Hier ist mein CSS:

@font-face { font-family: Tw Cen MT; src: local("Tw Cen MT"),  url(fonts/TwCenMT.ttf) }

Ein paar Fragen:

1. Funktioniert dies in allen modernen Browsern (Firefox, Chrome, Safari und IE8)?

2. Ich habe es noch nicht getestet, weil ich die Schriftart habe. Funktioniert diese Methode für Sie, wenn Sie meine besuchen? Startseite?

3. Die Schriftart ist eine große Datei. Erleben Sie beim Besuch meiner Website eine lange Ladezeit?

Vielen Dank im Voraus

Answer 1

Es wird technisch gesehen in den neuesten Versionen aller von Ihnen erwähnten Browsern funktionieren, obwohl es einige "Gotchas" gibt, insbesondere um die umgebende IE. Hier ist ein Link, der detaillierter in das geht.

Die Ladezeit, die Ihre Website besucht, war kurz (<1 Sekunden), aber ich bin mir nicht sicher, welche Schriftart sie tatsächlich gezogen hat, da ich nicht mit allen Schriftarten in Ihrem Stapel vertraut bin.

Soweit ich weiss, Dies ist die kanonische Quelle für @font-face-Syntax, obwohl ich auch damit Probleme hatte.

Nach meiner Erfahrung lautet die kurze Antwort, dass @font-face technisch häufig unterstützt wird, es in der Praxis schwierig sein kann, richtig zu werden.

Answer 2

Sind Sie aus der nichttechnischen Perspektive sicher, dass Ihre Schriftlizenz dies zulässt? Die meisten kommerziellen Schriftmacher wären sehr, sehr, sehr Verärgert über ihre Schriftarten, die ungeschützt zum Download im Internet wie diesem geliefert werden.

Lass dich nicht verklagen.

Answer 3

Diese Kerle Sagt, es ist in Ordnung, solange Sie die URL mit "Doublequotes" umgeben und jede Zeile im Schriftart mit einem Semikolon beenden.

Answer 4

Kasse https://browserlab.adobe.com/ zum Testen in verschiedenen Browsern. Oder, http://litmusApp.com/browser-testing. Ich hoffe, das hilft.