Schrift auf einem anderen Computer/ Responsive Design? 
Autor: Gordina S.
Besucht 658,
Followers 1,
Geteilt 0
Gerade habe ich meine neu erstellte Webseite ins Internet hochgeladen. Sieht auf dem Computer, auf dem ich die Webseite bearbeitet habe, gut aus. Beim Aufrufen der Webseite auf einem anderen Computer ist mir allerdings aufgefallen, dass die Schrift der Schaltflächen nicht die ist, die ich ausgesucht hatte. Außerdem sind einige Wörter, die zu lang sind, abgeschnitten.
In der alten Version hatte ich sogar Schaltflächen mit zwei Zeilen, die problemlos dargestellt wurden.
Gepostet am
Kannst du einen LINK posten wie es aussieht? Du musst die Schrift nochmals einbinden in deine Seite. Am besten unter "2" Textstil beim Seitentext und beim Hauptmenü auch. ODer was du meinst bei den "SChaltflächen"!
Autor
Es geht um das Menü und die Anordnung der Elemente. Heute habe ich die Webseite auf einem anderen Computer mit großem Bildschirm geprüft. Farbe und Elementanordnung sind ok. Die Schrift der Schaltflächen des Menüs ist kursiv, wie gewünscht. Es fällt lediglich auf, dass die Begriffe auf den Schaltflächen ganz oben angeordnet sind und die Schrift oben etwas abgeschnitten ist.
Dann habe ich die Seite auf einen kleineren Bildschirm gezogen. Sobald man die Seite verkleinert, erscheinen Header und Fußleiste in tauben- und hellblau. Das sind nicht die Farben, die ich gewählt habe; sie entsprechen aber Ihrer ursprünglich vorgegebenen Schablone. Das Logo oben verschwimmt hinter dem Titelbild; das Menü ist gar nicht vorhanden. Lediglich finden sich oben rechts drei Striche. Klickt man darauf, erscheint das Menü rechts (ich hatte links gewählt) und verdeckt den Text. Die Schaltflächen werden komplett angezeigt; die Texte sind mittig und auch in der gewünschten Kursivschrift. Anstelle der Menütrennlinie steht dort das Wort "Menütrennlinie 1" Auf anderen Seiten ragt das Logo in den Seitenheader hinein und bis zum ersten Foto der Seite oder bis zur ersten Zeile des Textes. Ein ganz ähnliches Bild ergibt sich, wenn ich die Webseite auf meinem I-phone öffne.
Meine Seite ist www.brightbooks.de
Autor
Ich habe eine Lösung gefunden. Um das Durcheinander der verschiedenen Elemente (blau anstatt eisgrün) und die Vermischung von Header mit Titelbild zu beseitigen, habe ich einfach die Option Responsive Design herausgenommen und dafür einfach Desktop angeklickt. Nun erscheint alles auf allen Geräten, wie es soll. Die Schaltflächen des Menüs habe ich vertikal vergrößert, damit die Menüpunkte auf kleineren Geräten untereinander dargestellt werden kann und deutlich lesbar ist. Hinsichtlich der Kursivschrift in den Schaltflächen des Menüs muss ich, glaube ich, akzeptieren, dass nicht alle Geräte (u.a. auch mein i-phone) diese Schrift darstellen können und stattdessen eine nicht-kursiv Schrift wählen, die aber auch gut lesbar ist.
Hallo,
Wenn die Seite mit verschiedenen Browsern betrachtet wird, ist es nochmal, dass du Unterschiede feststellst.
Das liegt daran, dass die Browser alle unterschiedlich lesen und dementsprechend ach anders wiedergeben.
Die Schrift für die Navigation solltest du etwas größer gestalten.