• Skip to primary navigation
  • Skip to content
  • Skip to primary sidebar
  • Skip to footer
DEMO | Home » Homepage + Tools » Schriften – ohne „CDN“ – direkt laden

DEMO @ MAMEDi

Demoseite mit WordPress als CMS

  • Home
  • Referenzen
  • BLOG
  • Responsive Design
  • Kolumnen
  • Impressum

Schriften – ohne „CDN“ – direkt laden

8. März 2018 MAMEDi Kommentar schreiben!

Es gab eine Zeit … da wurden für die Darstellung einer Homepage nur die Schriften verwendet, welche auf den Computern der Besucher installiert waren und es war nicht sicher, wie eine Homepage dem jeweiligen Besucher angezeigt wurde … aber das ist lange her. Durch stetige Weiterentwicklung sind beim „Web-Design“ mit „CSS“ die Möglichkeiten der Gestaltung ganz wesentlich verbessert worden und inzwischen haben sich sogenannte „Webfonts“ – kostenlose Schriften, die von Anbietern wie z.B. „Fontsquirrel“ oder „Google Fonts“ zur Verfügung gestellt werden – als Standard etabliert. Mit dem Attribut „font-face“ lassen sie sich komfortabel einbauen.

Das ultimative Werkzeug für „Google Fonts“ ist der „Google Webfonts Helper“. Mit wenigen Klicks läßt sich alles Notwendige für das Einbinden der gewünschten Schrift(en) zusammenstellen und herunterladen, um es in den Webspace der eigenen Homepage zu kopieren.

„Google Webfonts Helper“ von „Mario Ranftl“

Google Webfonts Helper

Bildschirmfoto: „Google Webfonts Helper“ mit ausgewählter Schrift für diese „DEMO“-Homepage

Es ist zwar einfacher, sich einen Link bei den „Google Fonts“ zu holen, um so schnell ein paar schöne Schriften für die eigene Homepage zu bekommen. Bei der Methode werden die Schriften dann allerdings aus dem „CDN“ (= Content Delivery Network) von Google (also über Google-Server) eingebunden, was u.a. wegen der Ladegeschwindigkeit ungünstig sein kann.

Die Schriften im Webspace der eigenen Homepage vorzuhalten und sie von dort aus zu laden, ist nicht nur ein bißchen schneller, sondern vor allem aus Datenschutzgründen die elegantere Lösung.

Kategorie: Homepage + Tools Schlagworte: CSS, Datenschutz, Design, Schriften

Previous Post: « Screenshot: „Am I Responsive“

Reader Interactions

Kommentar schreiben! Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Primary Sidebar

DEMO-Homepage
! Ach, wie „süss“ ist das denn ?

Kaum zu glauben. Dieser (alte) Zuckertopf ist das letzte Überbleibsel von einem „Kaffeeservice“ meiner Mutter und ist mehr als 60 Jahre alt. Nun ziert er als süßes Favicon diese „DEMO“-Homepage.

Neue Beiträge

  • Schriften – ohne „CDN“ – direkt laden
  • Screenshot: „Am I Responsive“
  • Süsses „FAVICON“ – völlig ungefährlich
  • Guten Tag, Demoseite @ MAMEDi

MAMEDi-Strichgesicht

MAMEDi-Logo

Das Projekt „MAMEDi“ – das Akronym steht für Manfred Menke, Dinklage – existiert seit August 2013 und dieses leicht schielende „Strichgesicht“, eine Bleistiftzeichnung vom 8. März 2009, ist seit 2014 das Maskottchen.

Footer

! Datenschutz ?
       

Kontakt  @  MAMEDi

Fon  (0 44 43) 50 84 54
Mobil  (01 72) 5 47 83 52
E-Post  „mail@mamedi.de“

Über MAMEDi

Logo · MAMEDI.DE Der Name „MAMEDi“ ist das Akronym für „Manfred Menke, Dinklage“, der anhand typischer Beispiele auf dieser zu Testzwecken angelegten DEMO-Homepage Möglichkeiten der Gestaltung ausprobiert und präsentiert.

Footer-Widgets

Das hier ist der „Footer 2“, der im Bereich der sogenannten „Footer-Widgets“ liegt. Hier werden typischerweise solche Dinge wie Kontaktdaten, eine Suchfunktion, Aktuelles im Blog der Homepage und weitere Informationen zur Verfügung gestellt.

BLOG @ Demoseite

  • Schriften – ohne „CDN“ – direkt laden
  • Screenshot: „Am I Responsive“
  • Süsses „FAVICON“ – völlig ungefährlich
  • Guten Tag, Demoseite @ MAMEDi

MAMEDi-Schuhe

Web · Projekte

Barfuß gehen ist zwar schön, für manche Wege aber ungeeignet. Deshalb ist gutes Schuhwerk wichtig, um unversehrt ans Ziel zu gelangen. Für eine Homepage benötigt man ebenfalls eine solide Grundlage. Meine Empfehlung ist „WordPress“, das weltweit beliebteste CMS.

  • Home
  • Referenzen
  • Impressum

Demo @ MAMEDi   Copyright © 2019   WordPress