Google hat gestern ihre neue Font API angekündigt, einschließlich eines Schriftartenverzeichnisses und eines Vorschau-Tools. Sie haben sich mit TypeKit zusammengetan, um den WebFont Loader zu entwickeln und als Open Source zu veröffentlichen.
Mir gefällt, wie sie das gemacht haben. Man verlinkt einfach die CSS-Datei direkt von Google und referenziert dann die Schriftnamen in der CSS-Datei. Es ist wirklich einfach – Quellcode auf dieser Demo ansehen.
Warum das tun? Ist das nicht einfach @font-face? Ja, es ist nur @font-face, was man auch selbst ohne die Hilfe von Google machen kann. Aber es gibt Vorteile:
- Bandbreiteneinsparungen (Last liegt bei Google)
- Caching-Geschwindigkeit (dieselbe Schriftart wird auf mehreren Websites verwendet, der Browser-Cache greift)
- Geschwindigkeit im Allgemeinen (Googles CDN ist schneller als deine Website)
Das Laden der zusätzlichen CSS-Datei ist jedoch eine zusätzliche HTTP-Anforderung, aber man könnte stattdessen die Schriftart-Datei direkt verlinken. Man möchte die Schriftart vielleicht auch herunterladen und eine eigene SVG-Version erstellen, da die Google-Stylesheets diese nicht bereitstellen und somit keine Unterstützung für iPhone/iPad besteht.
Was ist dann dieser WebFont Loader? Es ist ein bisschen JavaScript, das das Laden von Schriftarten verwaltet. Die Verwendung ist völlig optional, bietet aber einige Vorteile. Zum Beispiel zeigt Firefox eine Schriftart weiter unten im Font-Stack an, bis eine @font-face-Schriftart geladen ist, und wechselt dann zu der @font-face-Schriftart, wenn sie bereit ist, was zu Reflows und allgemeiner Merkwürdigkeit führt. Das wird FOUT (Flash of unstyled text) genannt. Der WebFont Loader kann helfen, dies zu bekämpfen – siehe Pauls Artikel dazu.
Raph Levien ist Schriftgestalter und Schöpfer der Schriftart Inconsolata. Raph arbeitet auch im Google Font API Team. Ich habe mich mit ihm getroffen, um ihm ein paar Fragen zu all dem zu stellen…
*Chris: Google macht viele coole Dinge für Leute, die Websites erstellen, einschließlich einiger wirklich bandbreitenintensiver Dinge. Zum Beispiel können wir JavaScript-Bibliotheken verlinken, die auf Googles CDN gehostet werden. Das Letzte, was ich tun möchte, ist, einem geschenkten Gaul ins Maul zu schauen, aber ich weiß, dass sich die Leute manchmal fragen, was hat Google davon? Es ist garantiert, dass Webfonts dadurch schneller werden, also ist es so einfach, dass ein schnelleres Web gut für Google ist? Oder werden Analysedaten erfasst, die für Google nützlich sind?
Raph: Es geht darum, das Web für alle schneller und reichhaltiger zu machen. Wir erfassen keine persönlichen Informationen für Webfont-Anfragen und aggregieren die Protokolle nur auf einer groben Ebene, damit wir die Leistung und die allgemeine Beliebtheit der Schriftarten verfolgen können.
Eine der großartigen Sachen an diesem Dienst ist, genau wie bei den AJAX-Bibliotheken (wie unserem WebFont Loader), dass viele verschiedene Websites die Schriftarten verlinken können und sie alle den Browser-Cache teilen – es wird nur für die erste Website ein Netzwerk-Download ausgelöst.
*Chris: Sollte der schlimmste Fall eintreten und die Font API eine Ausfallzeit haben, was passiert dann mit Websites, die diese Schriftarten verwenden? Folgt der Browser dem Font-Stack nach unten und wählt einen Fallback, oder passiert etwas anderes?
Raph: Ja, es werden Fallback-Schriftarten verwendet. Es ist nur CSS, also hat der Designer die volle Kontrolle über den Font-Stack, und wenn man eine feinere Kontrolle wünscht, kann man auch die WebFont Loader-Bibliothek verwenden – man kann zum Beispiel JavaScript-Code auslösen, um CSS-Änderungen vorzunehmen, wenn die Schriftart nicht geladen werden kann. Wir werden auch mit allen großen Browser-Anbietern zusammenarbeiten, um die Webfont-Erfahrung für Benutzer zu verbessern.
*Chris: Es ist ziemlich interessant, eine Zusammenarbeit zwischen Ihrem Team und TypeKit zu sehen. Wie ist es dazu gekommen?
Raph: TypeKit war Vorreiter bei der Bereitstellung von Webfonts für ein breites Publikum. Wir kennen das Team schon eine Weile (Jeff Veen hat früher bei Google gearbeitet), daher war es naheliegend, mit ihnen über das zu sprechen, was wir tun. Wir denken, unsere Sammlung von Open-Source-Schriftarten ist ziemlich gut, aber für eine breitere Palette professionell gestalteter Schriftarten möchten wir es den Leuten leicht machen, ein Upgrade durchzuführen. Wir haben auch mit anderen großen Schriftherstellern zusammengearbeitet, darunter Ascender.
*Chris: Viele kostenlose/Open-Source-Schriftarten dienen ihren Erstellern als Werbung für einen robusteren Satz von Schriftarten, der nicht kostenlos ist. Sehen Sie das als Hindernis für das Google Font Directory an, da es zu einem Repository von absichtlich eingeschränkten Schriftarten werden könnte? Oder wird so etwas kuratiert?
Raph: Wir haben bisher eine großartige Resonanz erhalten. Menschen haben alle möglichen Gründe, Open-Source-Schriftarten beizutragen, und einer ist definitiv, mehr Sichtbarkeit und Traffic für den Verkauf proprietärer Schriftarten zu schaffen. Viele Leute lieben es einfach, Schriftarten zu erstellen. Was auch immer die Gründe sein mögen, ich bin zuversichtlich, dass wir einen schönen, stetigen Strom von qualitativ hochwertigen Schriftarten sehen werden. Aber es wird immer eine größere Auswahl an erstklassigen Schriftarten von professionellen Gießereien geben.
Vielen Dank an Raph für das schnelle Interview! Lasst mich wissen, was ihr alle davon haltet. Ich denke, es ist ein ziemlich großer Gewinn für Webfonts, obwohl ich denke (und wirklich hoffe), dass die besten Schriftarten auf kostenpflichtigen Diensten wie TypeKit bleiben werden. Webfonts haben noch einen weiten Weg vor sich. Offensichtlich gibt es immer noch einige Probleme unter Windows, und wenn es nicht das eine ist, dann ist es das andere.
Schönes Interview. Ich habe jedoch meine Zweifel. Durch die Verwendung dieser Technik (die übrigens großartig ist) werden immer mehr Websites von Google abhängig. Das könnte meiner Meinung nach einen Nachteil haben.
Werden Ihre Websites/Client-Websites mit dieser Einstellung nicht langsamer, wenn Sie schöne Schriftarten laden, oder darunter leiden, einen Blog lesen zu müssen, der nur websichere Schriftarten verwendet? Warum sollten sie leiden, weil Sie 'Ihre Zweifel haben'?
Ich würde es dort annehmen, wo es einen Unterschied zum Inhalt machen kann.
Es ist so einfach zu bedienen, dass jede konkurrierende Methode einfacher, wenn nicht genauso einfach sein muss, also kann es nur eine gute Sache sein.
oder darunter leiden, einen Blog lesen zu müssen, der nur websichere Schriftarten verwendet
Leiden? All diese Schmerzen und Nöte, einen Blog lesen zu müssen, der in Arial, Verdana oder Georgia gerendert ist!
Seien wir ehrlich, ausgefallene Schriftarten sind für den Designer, und mindestens 95% der Benutzer ist es egal (oder bemerken den Unterschied), welche Schriftart verwendet wird, solange sie lesen können, was auf der Seite steht.
'Leiden', das war etwas ironisch gemeint.
Sie haben Recht, Verdana und Georgia waren ein Schritt zu weit!
Arial ist genug!
Tatsächlich ist "Arial" genug (nicht die kleine Meerjungfrau). Sorry – konnte nicht widerstehen.
Ich habe mich in der Vergangenheit auf Google-Links für jQuery verlassen und hatte Probleme damit. Aber ich denke, die Möglichkeit, einzigartige Schriftarten einzubetten, macht es wert. Stellen Sie einfach sicher, dass Ihre Website in Arial, Verdana, Georgia usw. anständig aussieht…
Ich habe keine großen "Zweifel" – aber ich stimme zu, dass die wachsende Abhängigkeit von Google wahrscheinlich der Grund war, warum dieses Projekt überhaupt genehmigt wurde. Mehr Websites, die von Google abhängen, machen Google einfach zu einer mächtigeren Einheit, auf welche abstrakte Weise auch immer das Sinn macht. Und mehr Macht für sie, sie zwingen uns hier zu nichts.
genau. 100% einverstanden.
Das Verrückte ist, dass Google eine wahre Enzyklopädie kostenloser Webinhalte hat, von ihren AJAX-Bibliotheken bis zum benutzerdefinierten Suchwerkzeug, ich bin absolut dafür.
Es ist verblüffend, wie Menschen die kostenlosen Dienste von Google ansehen und die Bemühungen ablehnen können.
Wie schnell vergessen wir die Zeiten von AOL und der "geschlossenen" Interneterfahrung.
Kostenloser und offener Inhalt ist genau richtig. Danke, Google!
Das ist erst der Anfang. Google kann die Zukunft sehen, bevor andere es tun. Sicher, sie zwingen nicht. Sie versuchen immer, Technologien weiterzuentwickeln, um anderen zu helfen.
Ich begrüße die Google Font API. Was Geschwindigkeit, Repository, Standard... angeht, hat sie viel Potenzial.
Ich habe auch Bedenken, mich ausschließlich auf Google zu verlassen. Obwohl es in der Theorie gut aussieht, habe ich ein Problem damit, dass eine Organisation den Datenfluss kontrolliert. Es ist bequem, aber der Verschwörungstheoretiker in mir ist misstrauisch. Die Chance für Google, ein Webmonopol zu werden, ist gerade gestiegen, was negative Auswirkungen auf Innovation und Wettbewerb haben könnte. Ich weiß, das ist wirklich extrem, aber ich bin nur ein klitzekleiner bisschen paranoid.
Abgesehen davon ist das Font Directory im Moment etwas begrenzt. Ich sehe jedoch, dass es mit der Zeit wachsen wird. Der einzige wirkliche Vorteil der Verwendung im Vergleich zu Cufon oder Typekit (das nicht kostenlos ist) ist, dass es auf Google gehostet wird, sodass mein Denken auf ein überschaubares Niveau reduziert wird. Ich würde gerne sehen, wie sich das Font Directory entwickelt.
"Die Chance für Google, ein Webmonopol zu werden, ist gerade gestiegen"
Überhaupt nicht wahr. Wie er sagte, deklarieren Sie eine Backup-Schriftart und Sie sind fertig. Wenn Google *morgen* schließen würde, sind Schriftarten wie Arial, Garamond usw. immer noch auf Computern installiert. Es ist kein Schaden, Google dafür zu verwenden, genau wie Google für jQuery zu verwenden. Es beschleunigt Ihre Website.
Es beschleunigt Ihre Website nicht wirklich, auf lange Sicht vielleicht, aber es ist immer noch eine zusätzliche HTTP-Anforderung plus mindestens 2 Domain-Lookups. Das kann ziemlich umfangreich sein, weshalb ich mich entscheide, jQuery und andere kombinierte Skripte von meinem eigenen Server zu laden.
Die Fonts API braucht auch eine Möglichkeit, auf dem eigenen Server verwendet zu werden, vielleicht ein weiteres Tutorial dazu, Chris?
"...was negative Auswirkungen auf Innovation und Wettbewerb haben könnte."
Okay, ich stimme dem Teil mit dem Wettbewerb zu, da wir nicht wollen, dass sich ein weiteres IE-Szenario wiederholt. Was die negativen Auswirkungen auf die Innovation betrifft: Sie haben gerade Google und negative Innovation in einem Satz kombiniert. Muss ich mehr sagen? Um die Kommentare zu ersparen, habe ich tatsächlich das Gefühl, dass ich es muss: Ich denke, Google ist tatsächlich ein wichtiger Motivator für Web-Innovationen. Sie erfinden viel, optimieren viel und dokumentieren die Hölle aus jeder einzelnen Klammer, die sie in ihren Quellcode tippen. Ich denke, Google als möglichen Gegner der Innovation zu bezeichnen, ist so, als würde man sagen, wir sollten IE6 als Standard für die Entwicklung unserer Webanwendungen nehmen.
"Es geht darum, das Web für alle schneller und reicher zu machen."
Google ist so reizend.
Einfach großartig, endlich mehr Schriftarten für Webbrowser, ohne sich den Rücken zu brechen! Das ist riesig
Owww, das ist interessant – bin gespannt, wohin das führt :)
In der Tat. Ich war besorgt, benutzerdefinierte Schriftarten auf meinen Websites auszuprobieren. Ich werde wahrscheinlich ein oder zwei zu meinen persönlichen Websites hinzufügen.
Was denkst du, ein bisschen League Gothic und Chunk5? Wahrscheinlich nicht im Abschnitt und passen definitiv nicht zusammen =O)
Ein weiterer Trick, um mehr über Internetnutzer zu erfahren? :-)
Raph erwähnte, dass sie die Serverprotokolle nur auf einer "groben Ebene" parsen, um beispielsweise zu sehen, wie beliebt bestimmte Schriftarten sind. Ich neige dazu, das zu glauben, da man hier nur CSS verlinkt, keine Technologie verwendet wird, um das Besucherverhalten oder Ähnliches zu verfolgen.
Ich weiß, aber niemand weiß... Wie hier in der Tschechischen Republik. Google machte Bilder für sein Lieblings-Street View in Prag. Aber während dieses Verfahrens sammelten sie heimlich Daten von ungesicherten WLAN-Netzwerken überall in Prag, was streng illegal ist. In diesem Fall habe ich aufgehört zu glauben, dass Google diese neuen "fantastischen" Dienste für ein besseres Surferlebnis anbietet...
Und warum zur Hölle hatten Sie ungesicherte WLAN-Netzwerke?
Stimme Slobodan zu.
@Tomas Varil: Sie laden eine CSS-Datei (!). Es gibt keine Möglichkeit, etwas anderes zu tun, als Inhalt zurückzugeben, nicht umgekehrt (es ist kein JavaScript).
Das Einzige, was Sie senden könnten*, sind Ihre HTTP-Header (welchen Browser usw. Sie verwenden), was ohnehin öffentliche Daten sind.
*Ich sage könnten, denn wenn Sie ein Heuchler sind, können Sie (und sollten auf jeden Fall) jedes Plugin installieren, das Sie finden können, wenn Sie Googlen (!) nach "http referal" und "http header" faking, um zu vermeiden, dass Google weiß, dass Sie aus der Tschechischen Republik kommen und Chrome als Ihren Lieblingsbrowser unter Windows XP verwenden und Google Analytics (!) auf Ihrer Website für Statistiken verwenden.
Das sieht interessant aus!
Ich habe mich in letzter Zeit viel mit Schriftarten im Web beschäftigt und zuvor Cufon verwendet, das die Schriftart im Grunde über JavaScript in Ihre Website integriert, aber das Problem des Urheberrechts hat und daher viele der Standardschriftarten auf Ihrem Mac/PC nicht verwenden kann. Außerdem können Sie mit dieser Methode den Text nicht zum Kopieren und Einfügen auswählen usw.
Das andere, das ich mir angesehen habe, war sIFR, das Flash und JavaScript verwendet und im Gegensatz zu Cufon vollständig auswählbar ist und auch alle Urheberrechtsprobleme im Zusammenhang mit Schriftarten umgeht. Ich habe angefangen, dies jetzt ziemlich oft zu verwenden, und es funktioniert wirklich gut, der einzige Nachteil ist die Geschwindigkeit im Vergleich zu Cufon, aber es ist immer noch weit davon entfernt, schlecht zu sein.
Wie schneidet diese Google-Version im Vergleich zu sIFR ab? Kann man jede Schriftart verwenden und Urheberrechtsprobleme umgehen? Ich muss mich vielleicht selbst genauer damit beschäftigen, bin aber immer daran interessiert, die bestmögliche Option für die Schrifteinbindung zu finden, also danke fürs Teilen :)
Googles Methode ist keine "Bildersatz"-Technik wie Cufon oder sIFR. Sie verwendet das @font-face-Attribut von CSS, das von allen gängigen Browsern unterstützt wird. Einer der Gründe, warum sich dies nur langsam durchsetzt, ist, dass die meisten Schriftarten nicht für die Verwendung im Web lizenziert sind.
Was Google getan hat, ist, ein Repository von kostenlosen, Open-Source-Schriftarten zu erstellen, die sie in ihrem Content Delivery Network hosten.
Um Ihre Frage zu beantworten: Sie können dies nicht verwenden, um Urheberrechtsprobleme zu umgehen.
Ich habe mir die Bibliothek noch einmal angesehen, im Moment gibt es noch nicht viel Auswahl und ich kann genauso gut bei Standard-Webfonts bleiben und sIFR für alles Ausgefallene verwenden, da dies SEO-konform ist und jede Schriftart unabhängig von Urheberrechtsproblemen verwendet werden kann.
Vielleicht ist es in ein paar Monaten, wenn mehr Schriftarten hinzugefügt wurden, eine bevorzugte Wahl. Da ich mir sicher bin, dass Leute Schriftarten hinzufügen werden, die zu 99% den großen Markenschriftarten ähneln werden.
Es ist fantastisch im Prinzip. Das einzige, was mich beunruhigt, ist, dass ihre Bibliothek von Schriftarten ziemlich begrenzt ist (im Moment) und die Gefahr besteht, dass viele Websites und Blogs alle dieselben 'schönen' Schriftarten verwenden, die Google bereitstellt – wobei ich sagen muss, dass 99,9% der Websites sowieso Arial oder Verdana verwenden.
Ich denke, es wird jedoch auffälliger sein, wenn dekorativere Schriftarten häufiger verwendet werden.
eigentlich denke ich, dass das ein Vorteil ist. Je mehr Websites eine bestimmte von Google bereitgestellte Schriftart verwenden, desto wahrscheinlicher ist es, dass sie bereits im Browser-Cache Ihres Besuchers gespeichert ist. Ihre Website rendert schneller.
Und was ist mit der Interaktion der Benutzeroberfläche mit Ihren Besuchern? Da sie bereits mit der Schriftart vertraut sind, stimmen sie Ihrem Design eher zu, da sie weniger Zeit benötigen, um sich an Ihre Benutzeroberfläche zu gewöhnen, und wir haben einen neuen Besucher gewonnen. Ich stütze dies auf die "3-Sekunden-Regel", um Ihren Besucher innerhalb der ersten drei Sekunden zu überzeugen oder den Besucher komplett zu verlieren.
ja und nein. Ich denke nicht, dass man oft eine spektakulär einzigartige Schriftart braucht. Für einen Seitentitel, ja; für normalen Text, absolut nicht.
Es gefällt mir, es ist nicht revolutionär, aber es macht die Open-Source-Schriftarten nur mit den CSS-Standards leichter verfügbar.
Wirklich cool von Google, mit TypeKit zusammenzuarbeiten und Chris zu interviewen, sie kümmern sich offensichtlich um die Design-Community. Ich wäre ohne Webmaster-Tools und Google Analytics aufgeschmissen
Ernsthaft Leute, die Verwendung der Google-Bibliothek lässt die Schriftart beim ersten Laden einer Seite "springen", das gefällt mir nicht.
Das ist ein bekanntes Problem bei @font-face. Die JavaScript-Methode sollte dieses "Springen" jedoch nicht haben.
Und wenn Sie immer noch den Link-Tag verwenden möchten, sollten Sie Ihren Inhalt ausblenden und ihn sichtbar machen, nachdem das DOM bereit ist.
Vielleicht kann es nützlich sein, Benutzergeschmäcker zu kennen, andererseits sind wir zu süchtig nach Technologie und ich schätze, das ist der Preis, den wir (eventuell) zahlen müssen, um alles in der Hand zu haben – besser gesagt: die Möglichkeit zu haben, alles in der Hand zu haben, auf Befehl.
Geht es nur mir so, oder sehen alle Schriftarten im Google Font Directory so ähnlich aus, dass man leicht jede von ihnen verwenden könnte, um jede andere zu ersetzen?
Zu viel Vertrauen in eine Entität, egal welche, ist meiner Meinung nach unklug. Google ist etwa 2 Schritte davon entfernt, das gesamte Internet zu kontrollieren. Großartiger Schritt in Richtung Privatisierung!
Absolut einverstanden :-)
Wenn Sie diesen Dienst nicht mögen, sollten Sie ihn entweder ganz weglassen oder einen kostenpflichtigen Dienst wie Typekit nutzen. Ich schlage tatsächlich vor, dies genauso zu verwenden, wie Sie JS verwenden. Stellen Sie sicher, dass Sie ohne es auskommen können.
absolut.
Es gibt einen Fehler in Safari 4.0.5 unter Mac OS 10.5 auf der Seite des Schriftartenverzeichnisses. Die Schriftart "Cardo" hat eine Art seltsamen Guck-Guck-Fehler, die untere Hälfte des Buchstabens wird nicht angezeigt, dann, nach etwas Scrollen, wird sie wieder angezeigt. Seltsam.
Haben Sie versucht, die Schriftart herunterzuladen und sie in einer lokalen HTML-Seite zu laden?
Guter Schachzug von Google. Ich habe keine Angst vor Google (bisher), weil sie bei allem, was sie bisher getan haben, völlig transparent waren und ihrem 'Don't be evil'-Motto folgen.
Sie MÜSSEN den Dienst nicht nutzen, oder?
@Jordan Walker: Ich sehe, Sie verwenden Google Analytics.. ist das nicht nur ein weiterer Dienst von Google?
Es ist eine gute Sache, dass ein großes Unternehmen wie Google einspringt und bei einem Problem hilft, das schon vor Ewigkeiten hätte gelöst werden sollen, aber mit konkurrierenden Browsern nie wirklich zustande kam
Tom.
Schmerzhaft für fonts.com, sie haben kürzlich eine ähnliche Technik angekündigt. Diese Techniken sind sehr nützlich. Ich habe eine Demo auf der Future of Webdesign 2010 gesehen.
Schade für fonts.com, ich möchte kein Konkurrent von Google sein!
kein Problem damit, da ich Flash verwende.
aber immer noch nützlich für meinen Kollegen.
ich html-iere nur das SEO-Rückgrat für Flash-Websites.
Können wir dir also die Schuld für all die schrecklichen Flash-lastigen Websites im Web geben? ;)
Moment mal :P Es gibt tatsächlich Leute, die seltsamerweise zustimmen, Flash zu verwenden.
für bestimmte Dinge, ja. Aber fast alles, was *mit HTML/JS* gemacht werden kann, *sollte* auch damit gemacht werden. Und ich bin der festen Überzeugung, dass alles ein "Fallback" haben sollte.
Das ist tatsächlich die praktischste Vorgehensweise für gutes SEO, da es einem Suchmaschinensystem egal ist, ob Ihre Website schick aussieht, solange genügend richtiger Inhalt vorhanden ist, um ihn zu verdauen. Ich bin ein starker Befürworter dafür, eine Website in modernen Browsern und Browsern wie lynx und Opera mini funktionieren zu lassen. Um eine gute Vorstellung davon zu bekommen, wie Ihre Website einer Suchmaschine präsentiert wird, sollten Sie tatsächlich hin und wieder lynx starten. Eine gute Vorgehensweise ist es, Inhalte in der Reihenfolge der Priorität bereitzustellen. Was ich hier erreichen möchte, ist, dass die Leute aufhören sollten, ein Menü am Ende ihrer Seite hinzuzufügen und es dann mit CSS ganz nach oben zu positionieren, wenn dieses Menü von Anfang an dort sein sollte. Viele neue Entwickler könnten in eine ähnliche Situation geraten, in der sie sagen würden: "Es gibt einfach keinen anderen Weg". Sie liegen falsch, aber ich werde sie nicht beschuldigen, sondern sie ermutigen, Wege zu lernen, um den Inhalt tatsächlich richtig bereitzustellen.
@encoder: Willkommen im Jahr 2010.
Viel Glück beim Aktualisieren von zwei Websites (Flash und HTML-Fallback) und der Unfähigkeit, auf eine bestimmte Seite in der Flash-Seite zu verlinken, die sowohl benutzerfreundlich als auch als Lesezeichen speicherbar und von einer Suchmaschine durchsuchbar ist, die die Website durchsucht (und die Suchergebnisse, die auf diese bestimmte Seite in der Flash-Website verlinken).
Komm schon mit allem Respekt. Flash ist kein Content Manager. Wir erstellen unsere Websites nicht in einem Video-Editor, oder? Wir exportieren unsere Websites nicht als JPEG aus Photoshop, oder? Wir bauen keine Websites in Flash... oder?
Flash als Erweiterung zu verwenden (für schöne Dinge, wie transparente Overlays mit Videos usw., obwohl das heutzutage auch mit JavaScript gemacht werden kann und sollte) ist eine Sache, aber als Ihre Website? Nein, sorry. Kann ich mir nicht vorstellen.
Mir gefällt wirklich, was Google hier gemacht hat. Ich schätze Open-Source-Bemühungen wie diese und ich denke, Google ist auf unserer Seite. Danke Chris, dass du den zusätzlichen Schritt unternommen hast, um ein Interview für diesen Artikel zusammenzustellen. Ich denke, es hilft, unsere Herzen in dieser ganzen Sache ein wenig zu beruhigen, finden Sie nicht?
Toller Artikel. Und wenn Google mehr Schriftarten bekommt, denke ich, dass dies unglaublich nützlich sein wird.
Ich bin mir nicht sicher, wo ich in Bezug auf das ganze Google zu mächtig stehe. Wettbewerb ist sehr wichtig, damit wir Optionen und eine Demokratie haben, wenn man so will.
Sie haben sowieso alle unsere Informationen, wenn wir Gmail, Analytics usw. verwenden... also denke ich nicht, dass es ein so großes Problem ist, dass sie wissen, welche Schriftarten wir mögen!!!! ;)
Die Idee der Privatisierung des Netzes ist jedoch ziemlich beängstigend, zusammen mit dem Digital Bill. Es gibt Anlass zum Nachdenken.
Es gibt große Rendering-Probleme unter Windows, die behoben werden müssen. Ich verwende Windows 7 und die Schriftarten sehen schrecklich aus. Hoffentlich beheben sie das bald!
Haben Sie verschiedene Browser getestet, um dies zu unterstützen?
Werden die Schriftarten für andere nicht angezeigt? Ich verwende Firefox 3.6.3 unter Windows und sie werden nicht angezeigt. Ich teste in IE6 und die Schriftarten werden dort angezeigt.
Ich dachte, das Problem sei auch FF 3.6, bis ich anfing, Websites in NoScript freizugeben. Sobald ich google-analytics.com freigegeben hatte, wurden die Schriftarten angezeigt. Aber dann konnte ich es seltsamerweise wieder blockieren, und die Schriftarten wurden beim Neuladen der Seite immer noch angezeigt (vielleicht weil sie jetzt in meinem Browser gecacht sind). Ich vermute, dass google-analytics.com erforderlich ist, wenn Sie diese Schriftarten, die über Google bereitgestellt werden, anzeigen möchten.
NEIN, das können Sie nicht. Mein Flash-Inhalt ist Premium und ich mache keine Werbebanner, die sind für Anfänger, und wenn man sich einige davon ansieht, merkt man, dass nur ein Anfänger so einen Mist auf diese beschissene Weise machen kann.
Mein Ziel ist Geschwindigkeit, progressives Herunterladen von Inhalten, Fluidität und, nun ja ... Geschwindigkeit
Ich habe einen Scheiß-PC neben mir, um es zu testen.
von vollständigen Flash-Websites, Navigation und sogar clientseitig verarbeiteten Suchmaschinen mit Echtzeitergebnissen.
Es gibt Flash-Neulinge und es gibt Flash-Entwickler. Letzterer hat 1 1/2 Jahre Erfahrung und über 70.000 Likes an Code.
"Letzterer hat 1 1/2 Jahre Erfahrung und über 70.000 Likes an Code."
70k pro .swf? Hehe
Das scheint mir eigentlich gar nicht so viel zu sein, aber ich schätze, das liegt daran, dass Flash so ziemlich alles grafisch macht.
70k ist etwas, das ich in 2 Wochen schreiben könnte, nur um meinen Job zu machen. Ich werde Sie nicht danach beurteilen, aber es sind dann 70k ActionScript?
Ich denke, er meinte 70.000 Zeilen Code.
Wie auch immer, ich mache Flash im Allgemeinen nicht schlecht – es gibt Unmengen an tollem Zeug, das Flash kann – aber ich halte es nicht für ein geeignetes allgemeines Web-Tool. Flash ist proprietär (kostenlose Player ungeachtet; man muss sie trotzdem herunterladen und installieren) und ziemlich schwer im Vergleich zu HTML und JavaScript. Wenn Ihr Browser nicht auf dem neuesten Stand ist oder Sie eine langsamere Verbindung haben, bedeutet Flash einfach, dass Sie die Website nicht nutzen können.
Filme? Spiele? In Ordnung. Inhalt? Auf keinen Fall. HTML funktioniert besser, und jQuery ermöglicht jeden Tag mehr Flash-ähnliche Dinge. Als Bonus können Benutzer mit ausgeschaltetem JS Ihre Website immer noch gut nutzen, wenn Sie gut gestaltet haben.
Zunächst einmal, ich weiß, was ein k ist, vielen Dank.
Als nächstes kommen Ihre Optionen für die Verwendung von Flash. Ich denke, wir sollten uns wieder darauf besinnen, Spiele mit Shockwave zu machen. Diese Technologie ist eigentlich für Spiele gemacht, hat aber etwas an Aufmerksamkeit verloren, als Adobe Macromedia übernommen hat. Die Technologie existiert immer noch und ist richtig. Zum Laden von Text würden Sie Flash definitiv nicht verwenden. Das Gleiche gilt für Radiosender, die nur auf den embed-Tag zurückgreifen müssen. Daran ist nichts falsch. Dann gibt es Streaming-Filme. Ich würde tatsächlich lieber einen Video-Tag haben, aus ein paar Gründen. Mit dem Video-Tag könnten Sie das Video ohne Streaming herunterladen, sodass Leute mit geringer Bandbreite das Video immer noch ansehen könnten. Es ist auch großartig, um einen Player für Filme über LAN zu erstellen. Ich verwende jetzt einen VLC-Server, um das zu verwalten. Alles andere könnte mit JS gemacht werden. Sogar die High-End-interaktiven Dinge können mit JS gemacht werden. Es wird einige Zeit dauern, sich daran zu gewöhnen, aber das Gleiche gilt für das Erlernen von Flash.
Entschuldigung – ich meinte nicht das "k", ich meinte den Tippfehler ("likes" anstelle von, ich nehme an, "lines"). Wenn es kein Missverständnis gab, dann entschuldige ich mich.
Guter Artikel. Sieht aus wie eine einfachere Alternative zu Cufon.
Google zwingt uns noch zu nichts, aber warten Sie, bis alle von ihnen abhängig sind...
Ein Einwand, den ich in der Vergangenheit gegen @font-face gehört habe, der mit Google, das dies einfacher macht, wieder auftauchen wird (oder bereits aufgetaucht ist), ist, dass Amateure alle möglichen schrecklichen Schriftarten verwenden werden, nur weil sie denken, dass sie irgendwie cool sind, was uns typografisch um 10 Jahre zurückwirft.
Dazu sage ich: wahr, aber ist das nicht ein bisschen so, als würde man sagen: "Oh, wir sollten das einfache Posten von Bildern im Web nicht erlauben, denn wer weiß, welche schrecklich aussehenden, niedrig aufgelösten, schlecht zugeschnittenen Fotos die Leute hochladen werden!"
Was ist mit Adobe, das all seine Apps Mainstream macht, und Digitalkameras mit ziemlich guter Qualität, die ständig aufkommen? Sie können den Sohn des Nachbarn Ihrer Schwester nicht davon abhalten, eine Website für Ihren Onkel zu erstellen und eine Rechnung zu sehen, die Sie dreimal sterben lässt.
hmm... ich denke, da ist etwas bei der Übersetzung verloren gegangen.
: )
Ich wollte damit sagen, dass man nicht jeden Spinner davon abhalten kann, eine Datei zu erstellen, die einen HTML-Tag enthält (oder sogar keinen).
Ich dachte, es wäre so etwas. Ich denke, es wäre besser gewesen, wenn ich Ihre Sprache gesprochen hätte (Niederländisch, ja?)
Ja, richtig. Und wer würde dann verstehen, was ich sage? Sie könnten mich jederzeit bitten, den Mund zu halten. Ich persönlich bekomme nie Beschwerden über mein Englischniveau. Wenn es so schlecht ist, können Sie es mir einfach sagen. Ich möchte so wenig Barrieren wie möglich haben, wenn ich versuche, etwas zu erklären, damit ich eine Botschaft vermitteln kann, ohne die Hälfte meines Ziels zu verfehlen, weil die Hälfte von Ihnen nicht versteht, was ich versuche zu sagen.
*less=few
Ihr Englisch ist sehr verständlich. Ich denke, es war nur eine Redewendung, die im Englischen nicht gut funktioniert.
Ich sehe immer noch das FOUT in Firefox, sonst noch jemand?
Obwohl Niederländisch meine gesprochene Sprache ist, werde ich Ihr Übersetzer sein
"Ich habe immer noch den Fehler und Firefox lädt keine Schriftarten. Hat jemand anderes dieses Problem immer noch?"
Nun, ich hoffe, sie unterstützen https, weil ich mich ziemlich darauf verlasse.
Sie haben also tatsächlich Angst, dass Leute abfangen könnten, welche Schriftart Sie verwenden? Das verstehe ich nicht. Erstens sollten Sie keine Angst davor haben, Schriftarten über HTTP zu laden, und zweitens könnten Sie einen Crawler erstellen, die Schriftarten herunterladen und sie auf Ihrer eigenen Domain über HTTPS hosten. Problem gelöst.
Auf Win 7 aliasieren die Schriftarten wie Müll. :(
Schön. Ich konnte eine davon in weniger als einer Minute auf meiner Website installieren. Es gibt ihr ein etwas anderes Gefühl... bis es natürlich jeder benutzt, ha ha
Danke Google... mehr serifenlose und Slab-Schriften, bitte :)
Das ist eine großartige Sache, ist mir gestern aufgefallen.
Vielleicht sollten sie Benutzern erlauben, auch ihre Schriftarten hochzuladen...
OMG FonTube.com ;D
Sie können Vorschläge für neue Schriftarten machen. Das ist tatsächlich eine gute Möglichkeit, die Schriftarten zu kuratieren. Die Bibliothek sollte nicht zu überladen werden. Es sollte eine schöne kompakte Liste guter Schriftarten geben und keine überwältigende Last von "irgendwie nützlichen" Schriftarten.
Das würde Urheberrechtsprobleme darstellen, denke ich. Google könnte nicht die Verantwortung dafür übernehmen, zu prüfen, ob jede Einreichung für die Web-Distribution lizenziert ist.
Es sei denn, Sie sprechen davon, dass Benutzer ihre eigenen (autorisierten) Schriftarten einreichen.
Muss ich ausprobieren, klingt nach einer großartigen Wahl. Man muss nur bei der Auswahl der Schriftarten vorsichtig sein und sicherstellen, dass man eine Alternative für iPhone/iPad/iPod festlegt
Habe es gerade ausprobiert. Absolut schmerzlos... selbst für mich ;).
Danke Google... & danke Chris... liebe deine Website... so viele wertvolle Informationen...
Habe das gerade ausprobiert, es sieht gut aus, so einfach zu bedienen und die Ergebnisse sind großartig. Ich habe hier einige Leute gesehen, die sich darüber beschweren, dass Google allmächtig ist und so. Treten Sie einen Schritt zurück und sagen Sie hhmmmm vielleicht zu viel Kaffee da lol (nur ein Scherz) jemand muss aufstehen und Webkünstlern (das sind wir) helfen, Dinge so viel mehr aussehen zu lassen als Arial oder Times New Roman. Das ist meine Meinung
Prost zusammen
Ich denke, das ist eine großartige Funktion, die noch besser werden wird, wenn die Bibliothek wächst. Nehmen Sie sich in der Zwischenzeit eine Sekunde Zeit, um die Google-Schriftarten herunterzuladen, damit Sie sie in Ihren Photoshop-Designs verwenden können http://bit.ly/cHOP4n
Hallo Vince,
Ich habe gerade Ihren Kommentar gelesen und wollte Sie auf unsere aktuelle Veröffentlichung eines einfachen Perl-Skripts hinweisen, um alle verfügbaren Google Font API Fonts herunterzuladen.
http://www.firmennest.de/firmennest-blog/?p=648
Beste Grüße
Es braucht nur ein paar zusätzliche Zeilen Code in Ihrer CSS-Datei, um auf die Schriftarten zurückzugreifen, die Sie bereits haben, sodass Sie nicht vollständig von Google-Schriftarten abhängig sind.
Danke Chris,
In den letzten Tagen verwende ich @font-face, um serverseitige Schriftarten zu laden, nach diesem Artikel wird mein Problem gelöst sein.
Danke für den hilfreichen Beitrag.
Danke Chris :-)
Ich hatte das Glück, unter den Ersten zu sein, die Google besuchten, als sie die Font API veröffentlichten, aber bis zu Ihrem Beitrag hatte ich viele Zweifel bezüglich dieses neuen Gratisgeschenks von Google.
Ich verstehe nicht, wie Leute daran zweifeln können, Google ist bereits riesig, das allein wird sie nicht viel größer machen oder viel mehr Macht haben.
Es ist ein brillanter Service und wird sich nur verbessern, wenn mehr Schriftarten verfügbar gemacht werden.
Was passiert, wenn Google zusammenbricht? Nicht bald, aber irgendwann werden all diese Websites, die sich auf diesen einen großen Koloss verlassen, mit ihm zusammenbrechen. Nein danke. :-)
Wenn sie zusammenbrechen, gibt es immer die websicheren Fallback-Schriftfamilien. Oder hoffentlich werden sich Webbrowser so entwickeln, dass sie eine ganze Reihe von Schriftarten akzeptieren, anstatt der begrenzten 6-12 Schriftfamilien
Da die Schriftarten kostenlos sind, kann ich mir tatsächlich vorstellen, dass Linux-Distributionen und Mac diese Schriftarten im Laufe der Zeit auf der lokalen Maschine implementieren.
Ich bin ehrlich, ich war begeistert von dem Konzept hinter diesem Schriftartenprojekt. Google macht es immer richtig.
Tolles Interview!
Ich bin eigentlich ziemlich begeistert von diesem Konzept, Google wird dadurch nicht viel größer werden. Ich würde nur sagen, dass es ein Schritt zur wahren Freiheit bei Schriftarten ist.
Das ist sooooo geil. Wird viele Türen für Webdesign öffnen, ohne alle Schriftarten zu Bildern machen oder dieses sIFR verwenden zu müssen.
Wenn jemand daran interessiert ist, ein Modul dafür in einem CMS oder WordPress zu haben, habe ich tatsächlich eines erstellt: http://johmanx.com/webfonts.php
Melden Sie sich einfach bei mir!
Ich habe gestern damit herumgespielt und festgestellt, dass die Anweisungen falsch sind. Es ist in Ordnung, wenn Sie nur die Standardversion verwenden, aber wenn Sie versuchen, das :b oder was auch immer hinzuzufügen, um Varianten wie fett, kursiv usw. zu erhalten, funktioniert es nicht.
Das spielt jedoch keine große Rolle. Wenn Sie das zusätzliche Bit weglassen, das Sie angeblich benötigen, um die Varianten zu erhalten, ERHALTEN SIE SIE TROTZDEM
Versuchen Sie dies und Sie werden sehen, dass es funktioniert
.lobster { font-family:Lobster, serif; font-size:20pt; }
.tangerine { font-family:Tangerine, sans; font-size:20pt; }
.yiddish { font-family:'Yanone Kaffeesatz', sans; font-size: 18pt; }
Bin ich nicht schön?
Ich bin keine Orange, ich bin eine kostenlose Schriftart
Hören Sie auf mit der Prahlerei!
go figure
hmm, Code scheint nicht zu funktionieren. na ja
.lobster { font-family:Lobster, serif; font-size:20pt; }
.tangerine { font-family:Tangerine, sans; font-size:20pt; }
.yiddish { font-family:'Yanone Kaffeesatz', sans; font-size: 18pt; }
Bin ich nicht schön?
Ich bin keine Orange, ich bin eine kostenlose Schriftart
Hören Sie auf mit der Prahlerei!
fingers crossed
nein, funktioniert immer noch nicht. na ja egal
Ich bin mir sicher, dass die meisten von euch herausfinden können, was passiert
Ich möchte die Leute ermutigen, die Kommentare anderer Leute zu kommentieren. Auch wenn es nicht so aussieht, als wäre ich ein Neuling in der Webentwicklung, bin ich nicht einmal annähernd so gut wie Chris. Trotzdem sollten die Barrieren, Angst zu haben, Kommentare abzugeben und fehlerhafte Vorschläge zu machen, etwas erhöht werden. Es ist besser, einen fehlerhaften Kommentar abzugeben und beschimpft zu werden, als weiterhin schlechtes Design zu praktizieren.
Das Beste daran, Kommentare abzugeben und Kommentare zu erhalten, ist, daraus zu lernen. Sogar ich lerne viel, wenn ich Kommentare mache.
Wir sind das Web und wir entscheiden, was heute und morgen bereitgestellt wird. Wenn wir zusammenhalten, können wir einen besseren Ort für uns alle schaffen, indem wir einfach an unseren Überzeugungen und Best Practices festhalten.
Und nein, ich werde Ihnen keine CSS-Bibel verkaufen.
Ich denke, ich habe einen Hack gefunden, um das Aliasing (gezackte Kanten) auf Windows-Rechnern zu stoppen. Es funktioniert jedoch nur in WebKit, daher weiß ich nicht, wie nützlich es ist.
Schauen Sie es sich hier an: http://willmoyer.com/plato/
großartiger Schachzug.
Darauf habe ich lange gewartet.
Wenn Sie Drupal als Ihr CMS verwenden.. Schauen Sie sich http://drupal.org/project/google_fonts an, um Google Fonts in Ihre Website zu implementieren!
Ich denke, die Google Font API sieht vielversprechend aus, aber ich denke, die visuelle Qualität der Schriftarten könnte verbessert werden. Sie können hier eine zusätzliche Rezension der Google Font API sehen: http://tips4php.net/2010/06/spice-up-your-site-with-google-font-api/
Eine kleine App zum Spielen mit Google Fonts
das ist interessant…
so interessant, dass es im IE läuft.........
Hey Chris!
Irgendwelche Neuigkeiten, ob oder wann die Google Fonts API SVG bereitstellen wird? Ich persönlich habe angefangen, die Google Fonts API in einer Reihe von Projekten zu implementieren und dann im Nachhinein festgestellt, dass sie auf iPhone/iPad fehlschlagen. Tatsächlich gab es in einigen Fällen einen tödlichen JS-Cocktail, der einen zu 100% reproduzierbaren Browser-Crash in mobile Safari verursachte.
Ich würde gerne alles andere fallen lassen und einfach Googles APIs in meine Stylesheets @importieren, aber die fehlende Unterstützung für SVG hat mich dazu veranlasst, wieder auf font-squirrel für @font-face zurückzugreifen.
Irgendwelche Ratschläge oder Updates?
@Falk – Ich habe dir schon auf einer anderen Website gesagt, dass es ein nützlicher Link war, glaube ich :)