Sie haben JavaScript deaktiviert. Vermutlich sind Sie ein Kollege und wollen nur sehen, ob meine Website auch ohne JavaScript funktioniert.
Andernfalls: Bitte aktivieren Sie JavaScript!
Hinweis:
Dieser Artikel ist älter als 18 Monate / wurde seit 18 Monaten nicht aktualisiert. Dies kann (muss aber nicht) dazu führen, dass der Artikel, und / oder darin beschriebene Techniken, nicht mehr aktuell sind. Bitte berücksichtigen Sie diesen Hinweis bei der Lektüre.
Fonts einbinden ist ja so einfach, seit es Google-Webfonts gibt. Ein Meta-Tag in den Header, und fertig. Eine andere Frage ist, ob es auch sinnvoll ist, z. B. unter dem Aspekt Geschwindigkeit. Immerhin erzeugt das Einbinden eines Google-Webfonts einen zusätzlichen http-request.
Ganz aktuell (Stichwort: DS-GVO) wird aber die Frage diskutiert, ob diese Einbindung möglicherweise unter Datenschutz-Gesichtspunkten bedenklich ist. Was macht Google aus den Zugriffen, die jeder Aufruf einer Seite mit eingebundenen Google-Webfonts erzeugt. Zumindest die IP des Seitenbesuchers wird dabei an Google übertragen.
Weil ich keine Lust habe, den Ausgang dieser Diskussion abzuwarten, lege ich kurzerhand die entsprechenden Fonts auf meinem Server ab, und binde sie auf die herkömmliche Weise ein.
@font-face {
font-family: 'Special Elite';
font-style: normal;
font-weight: 400;
src: url('/fonts/special-elite-v8-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Special Elite Regular'), local('SpecialElite-Regular'),
url('/fonts/special-elite-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/special-elite-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/special-elite-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
url('/fonts/special-elite-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/special-elite-v8-latin-regular.svg#SpecialElite') format('svg'); /* Legacy iOS */
}
Und jetzt noch die Font-Dateien .eot, .woff, .ttf usw. in den Ordner fonts.
Sieht kompliziert und aufwändig aus!
Zum Glück gibt es einen genialen Webservice, der den Aufwand auf wenige Handgriffe reduziert: google-webfonts-helper
Artikeltexte und Code-Snippets: Creative Commons CC BY-SA 4.0
Medien (Bilder, Videos, Audios) sind evtl. urheberrechtlich geschützt.
Über Ihren Kommentar zu diesem Artikel freue ich mich.
Wenn Sie aber Fragen haben, und eine Antwort erwarten, nutzen Sie bitte das Supportforum! Die Nutzung des Forums ist auch ohne Registrierung möglich.
ONMA Hannover schrieb am Donnerstag, 19.04.18 15:47 Uhr:
Ich finde den google-webfonts-helper wirklich hilfreich dafür.
Grüße aus <a href="https://onma.de/webdesign-hannover/">Hannover</a>