Wie hoste ich Google Web Fonts auf meinem eigenen Server?
Ich einige google fonts auf einer intranet-Anwendung. Die Kunden dürfen oder nicht internet-Verbindung haben. Lesen Sie die Lizenzbedingungen, scheint es, dass seine gesetzlich erlaubt.
Kommentar zu dem Problem - Öffnen
Was ich verstehe ist, dass es nicht so einfach wie das herunterladen einer Datei und speichern es. Jeder browser unterstützt eine andere schriftart-format und google nicht bieten eine direkte und einfache Möglichkeit, um alle notwendigen Dateien, so dass die Schrift richtig funktioniert in allen Browsern.
Sie erhalten alle URIs aus der verlinkten stylesheet.
Ja, ich kann herausfinden, alle details selbst, oder ich eine Frage stellen kann, um zu sehen, ob jemand hat es getan, bevor und hat Erfahrungen und Skripte zu teilen
Gut, google gibt unterschiedliche Antworten, die in
fonts.googleapis.com/css?
basiert je auf Ihre UA-Header (lies: Ihrem browser) ➝ So liefern Sie nur, was die aktuellen browser benötigt. Will man alle benötigten fonts (oder auch nur die urls), müssen Sie mehrere Lasten der css-Datei von verschiedenen Browsern resp. mit verschiedenen gefälschte Header, um alles, was nötig ist. InformationsquelleAutor der Frage Samarth Bhargava | 2012-01-23
Du musst angemeldet sein, um einen Kommentar abzugeben.
Bitte beachten Sie, dass meine Antwort hat im Alter eine Menge.
Gibt es andere, mehr technisch anspruchsvolle Antworten, z.B.:
also lassen Sie sich nicht die Tatsache, dass dies die momentan akzeptierte Antwort geben Sie den Eindruck, dass dies immer noch die beste.
Außerdem können Sie nun auch herunterladen google den gesamten font festgelegt, über auf github an Ihren google/font repository. Sie bieten auch eine ~350 MB zip-snapshot von Ihren Schriften.
Du zuerst laden Sie Ihre schriftart-Auswahl als Zip-Paket, bietet Ihnen eine Reihe von true-type-Schriften. Kopieren Sie Sie an einen Ort, irgendwo kann man einen link von der css.
Auf der google-webfont-download-Seite, finden Sie einen link einschließen, zum Beispiel so:
Es ein Link zu einer CSS-Definition der Schriftarten über eine Reihe von
@font-face
Definitionen.Öffnen Sie Sie in einem browser kopieren und fügen Sie Ihre eigenen CSS und ändern Sie die urls auf die richtigen schriftart-Datei und format-Typen.
Also diese:
wird dies:
Wie Sie sehen können, ein Nachteil, der das hosting der Schriften auf dem eigenen system dieser Art ist, dass Sie beschränken Sie sich auf die true-type-format, während die google-webfont-service bestimmt durch den Zugriff auf Geräte, welche Formate übertragen werden.
Außerdem hatte ich Sie zum hinzufügen eines
.htaccess
- Datei auf meinem das Verzeichnis, das die Schriftarten mit mime-Typen zur Vermeidung von Fehlern aus, oben knallend in den Chrome Dev Tools.Für diese Lösung, nur true type ist erforderlich, aber die Definition mehr verletzt, wenn Sie möchten, gehören verschiedene Schriftarten, wie
font-awesome
.InformationsquelleAutor der Antwort k0pernikus
Gibt es ein tool localfont.com zu helfen, die Sie herunterladen, alle schriftart-Varianten. Es auch erzeugt das entsprechende CSS für die Umsetzung.
InformationsquelleAutor der Antwort udondan
Große Lösung ist google-webfonts-Helfer
.
Ermöglicht es Ihnen, mehr als eine schriftart auszuwählen-Variante, das spart eine Menge Zeit.
InformationsquelleAutor der Antwort Damir Bulic
Schrieb ich eine bash-Skript , holt die CSS-Datei auf den Google-Servern mit verschiedenen user-agents, downloads die verschiedenen font-Formate in ein lokales Verzeichnis und schreibt eine CSS-Datei einbinden. Beachten Sie, dass das Skript braucht Bash version 4.x.
Sehen https://neverpanic.de/blog/2014/03/19/downloading-google-web-fonts-for-local-hosting/ für das script (ich bin mir nicht reproduzieren es hier, so dass ich nur haben, um es zu aktualisieren, in einem Ort, wenn ich muss).
Edit: Verschoben https://github.com/neverpanic/google-font-download
InformationsquelleAutor der Antwort neverpanic
Den Inhalt der CSS-Datei (aus der URL), hängt davon ab, welchen browser ich es aus. Zum Beispiel, wenn das surfen zu http://fonts.googleapis.com/css?family=Open+Sans Chrome verwenden, wird die Datei nur enthalten WOFF links. Mit dem Internet Explorer (unten), so enthalten beide EOT und WOFF. Ich klebte alle links in meinem browser herunterzuladen.
Wenn Sie das Hosting Ihrer eigenen web-Schriftarten, die Sie brauchen, um richtig link zu jeder schriftart, befassen sich mit älteren browser-bugs, etc. Bei der Verwendung von Google Web Fonts (hosted by Google), Google automatisch die links zu den richtigen Schriftarten für browser.
InformationsquelleAutor der Antwort Michael McGinnis
Ist es rechtlich erlaubt, solange man die Bedingungen der font-Lizenz - in der Regel die OFL.
Müssen Sie eine Reihe von web-font-Formate, und die Font Squirrel Webfont Generator diese produzieren.
Aber die OFL erforderlich, die Schriftarten umbenannt werden, wenn Sie geändert werden, und über den generator bedeutet, Sie zu ändern.
InformationsquelleAutor der Antwort davelab6
Habe ich ein Skript geschrieben in PHP ähnlich wie @neverpanic , lädt automatisch sowohl die CSS und fonts (beide angedeutet, und unhinted) von Google. Es dient dann das richtige CSS und Schriftarten, die von Ihrem eigenen server, basierend auf der User-Agent. Sie hält Ihren eigenen cache, so dass Schriften und CSS der User-Agent wird nur einmal heruntergeladen werden.
Es ist in einem vorzeitigen Stadium, aber es kann hier gefunden werden: DaAwesomeP /php-offline-Schriftarten
InformationsquelleAutor der Antwort DaAwesomeP
Ich verwendet grunt-local-googlefont in einem grunt-task.
Dann, um Sie abzurufen:
Hinweis, ich bin mit einer Gabel aus dem original, das funktioniert besser, wenn das abrufen von Schriftarten mit Leerzeichen im Namen.
InformationsquelleAutor der Antwort Hank
Können Sie tatsächlich laden Sie alle font format-Varianten, die direkt von Google und fügen Sie Sie in Ihrem css zu dienen, von Ihrem server. So dass Sie nicht haben, um die Besorgnis über Google verfolgen Sie Ihre Website-Nutzer. Jedoch, der Nachteil ist vielleicht die Verlangsamung Ihres eigenen portion Geschwindigkeit. Schriften sind sehr anspruchsvoll auf die Ressourcen. Ich habe nicht getan, alle tests in dieser Frage noch nicht, und Frage mich, wenn jemand hat ähnliche Gedanken.
InformationsquelleAutor der Antwort Flyhead
Meine Lösung ist, laden Sie die TTF-Dateien von google web fonts und verwenden Sie dann onlinefontconverter.com.
InformationsquelleAutor der Antwort Adam Youngers
Machte ich eine kleine PHP-Skript, um die download-links aus Google-Fonts-CSS-import-URL wie: https://fonts.googleapis.com/css?family=Roboto:400,700|Slabo+27px|Lato:400,300 Kursiv,900italic
Können Sie mit diesem tool hier: http://nikoskip.me/gfonts.php
Zum Beispiel, wenn Sie verwenden Sie die oben genannten import URL haben, erhalten Sie diese:
InformationsquelleAutor der Antwort nikoskip
Neben k0pernicus ich würde gerne vorschlagen am besten serviert-lokale. Es ist auch eine bash (v4) Skript zum aktivieren webserver-Betreiber download und dienen Google web-fonts aus Ihren eigenen webserver. Aber zusätzlich zu den anderen bash-Skript ermöglicht es den Benutzer vollständig zu automatisieren (per cron und wie) die Bereitstellung von up-to-Datum-schriftart-Dateien und css-Dateien.
InformationsquelleAutor der Antwort Ronald van Engelen
Wenn Sie möchten, dass alle host-fonts (oder einige von Ihnen) auf Ihrem eigenen server, download-Schriftarten aus diesem repo und verwenden Sie es wie Sie wollen: https://github.com/praisedpk/Local-Google-Fonts
InformationsquelleAutor der Antwort Hamid Sarfraz
Es ist ein sehr einfaches Skript, geschrieben in plain-Java, zum download, alle Schriftarten von einem Google Web Font link (mehrere Schriftarten unterstützt). Es auch lädt die CSS-Datei und passt es zu lokalen Dateien. Der user-agent angepasst werden kann, um auch andere Dateien als nur WOFF2. Sehen https://github.com/ssc-hrep3/google-font-download
Die resultierenden Dateien können leicht Hinzugefügt werden, um einen build-Prozess (z.B. ein webpack bauen wie
vue-webpack
).InformationsquelleAutor der Antwort ssc-hrep3
Wenn Sie mit Webpack, die Sie interessieren könnten in diesem Projekt: https://github.com/KyleAMathews/typefaces
E. g. sagen Sie, Sie wollen verwenden Roboto-schriftart:
Dann importieren Sie einfach es in Ihre app entrypoint (Haupt-js-Datei):
InformationsquelleAutor der Antwort justin