Verwendung von Schriftarten in Webseiten

Es soll in dieser Beitragsfolge nicht um die optisch gefällige Darstellungen von Webseiten gehen. Wenn man sich über Grundlagen der Typografie von Internetseiten informieren will, dann kann man das z.B. hier nachlesen.

Hier soll es in erster Linie um die technische Seite der Verwendung von Schriftarten gehen.

Schriftarten werden in Dateien gespeichert. Auf manchen Computern sind an die hundert unterschiedliche Schriftarten in Dateiform installiert. Dennoch bietet der NPage-Editor nur 16 verscheidene Schriftarten zur Formatierung an. Warum ist dass so?

Eine Webseite erstellt man normalerweise nicht nur für sich selbst, sondern auch für andere Internetnutzer. Ein Internetseite enthält zwar die Information in welcher Schriftart ein Text angezeigt werden soll, die Datei zu dieser Schriftart ist in der Internetseite aber nicht drin. D.h. wenn sich jemand die Mühe macht und seine Seiten in einer besonders ausgefallenen Schrift zu formatieren, dann ist das normalerweise wenig sinnvoll, denn diese ausgefallene Schrift ist wohl nur auf wenigen PC installiert.

Notlösung

In manchen Fällen kann man sich aus der Patsche helfen, in dem man den Text in eine Grafik schreibt und die dann in die Webseite einbindet. Auch bei Erstellung und Verwendung von Flashdateien werden die Informationen zur Schriftart weitergegeben. Beides sind aber nur Notlösungen, da Änderungen des Textes aufwendig sind und außerdem Texte in Grafiken oder Flashdateien nicht von Suchmaschinen erkannt werden.

Bessere Lösung

Da ist es schon sinnvoller, nur die Schriftarten zu verwenden, die auf allen oder zumindest vielen Computern installiert sind. Einige Webseiten, die über die Häufigkeit der installierten Schriftarten Auskunft geben sind

Dort erfährt man zum Beispiel, dass Schriftarten wie Arial, Verdana oder Courier New auf weit über 90% der Windows PC  installiert sind. Viele Schriftarten haben jedoch nur eine Verbretiung von 60% und weniger. Dazu jetzt ein Test.

Partnerwebsites

Websites mit Mobirise

  1. Startseite der Mobirise Extension Demo Website auf github.bpgs.de
  2. Übersicht zu den Elementen des Themes Mobirise4 in Mobirise 4, Version 4.7.7 auf demo-zu-netcup.9f8.de
  3. Gesamtübersicht zu den Designblöcken des Mobirise5 Themes AMP auf mobirise5-theme-amp.9f8.de
  4. Mobirise4 mit dem Theme PurityM auf mein-wunschname.de.cool
  5. EASY TO USE! erstellt mit Mobirise 4.4.1 und dem Theme default auf mein-wunschname.webspace.rocks
  6. MOBIRISE3 THEME MOBIRISE3 auf lc-pico-phpfriends.bpgs.de
  7. Website erstellt mit Mobirise3 und dem Theme Mobirise(auch unter dem Namen default) auf lc-ver-bummel.bpgs.de

Neuigkeiten

Link zur aktiven Seite hervorheben (01.07.2013 12:53:00)

Auf vielen Websites wird der Link zur gerade aktiven seite hervorgehoben. NPage unterstützt so etwas leider nicht automatisch. Mein einem kleinen wenig javaScript kann man das aber nachbauen.

Erste Voraussetzung ist, dass man die JavaScript-Bibiothek JQuery bei NPage hochlädt und in die Seite einbindet.

Außerdem benötigt man einen kleinen JavaScript-Schnippsel. Für das von mir verwendete Design Plus 135 sieht der so aus:

$(document).ready(function($){
  var url = window.location.pathname;
  $('.navi_cont a[href="'+url+'"]').addClass('current');
});

Schließlich muss noch etwas CSS-Code eingefügt werden

<style>
  .current, a>.current, a.current   { color:yellow !important}
</style>

Wie bereits beschrieben wurde dieses Patch für die von mir hier verwendete Designvorlage Plus 135 erstellt. Es funktioniert auch mit anderen Designvorlagen, die genauso aufgebaut sind. Siehe dazu diese Übersicht zu den NPage Templates.

Bei allgemeinen Problemen oder Fragen zu anderen Designvorlagen bitte diesen Vorstellungsthread im NPage Forum nutzen.

http://forum.npage.de/vorstellung/29410-designpatch-designvorlagen-anpassen.html


Bewertung: (Keine Bewertung)

 
 
Kommentare
 
Keine Kommentare vorhanden.
 
 
Kommentar verfassen
 
Name:
E-Mail:
Betreff:
Kommentar :
 
 
Zum Seitenanfang