Schrift in Header falsch abgebildet, Websichere Schriften aktivieren 
Autor: Siegbert G.So langsam mache ich mir Gedanken, dass dieses Programm nichts für mich ist.
Jetzt hänge ich am Header. Ich habe für jeden Umbruchpunkt einen separaten Menühintergrund in einem Grafikprogramm erstellt, weil ich wollte, dass das Bild komplett erscheint und nicht abgeschnitten wird.
Für jeden Hintergrund habe ich im Inhalt des Headers die Schriftgröße angepasst. Jetzt stelle ich fest, dass die 2. Zeile in der Vorschau der verschiedenen Umbruchpunkte nicht so abgebildet wird wie ich sie angelegt habe.
Im Header ist sie hinten bündig und in der Vorschau und im Smartphone ragt sie hinten raus.
Ich habe die Schriftfarbe geändert damit es besser zu erkennen ist.
Ich musste auch feststellen, dass die Schrift Comic Sans im meinem Smartphone garnicht angezeigt wird.
Im Forum habe ich gelesen, dass nicht jede Schriftart übernommen wird und sie separat unter Einstellungen aktiviert werden muss. Nachdem ich dies gemacht habe hat es funktioniert. Für jemand der gerne grafische Schriften verwendet ist dies ein Chaos.
Auf dem Smartphone fehlt auch oben ein Teil vom Seitenhintergrund (weiße Streifen) obwohl er in der Struktur der Vorlage komplett vorhanden ist.
Autor
Hier das Ergebnis.
Was genau willst du mit dem Foto sagen? ICh sehe keinen Fehler!
Die Schriftarten am Handy anzuzeigen ist bei allen PRogramm gleich und man muss die SChriften extra einbinden auf den Server. Es ist klar dass es am eigenen PC sichtbar ist weil man ja die SChriftart installiert hat, deshalb hat der BRowser keine Probleme damit. Auf anderen PC oder Handy ohne diese SChriftart.....
Wir können auch nicht nachvollziehen wo das PRoblem liegt weil du keine Musterseite hier gepostest hast wo man es sehen könnte.
Autor
Bitte vergleiche Bild 1 und das Ergebnis in Bild 2.
Beim ersten Bild ist die Schrift von Zeile 1 und 2 im Header rechts bündig und beim zweiten Bild ist Zeile 2 länger wie Zeile 1. Die Homepage ist gerade im Entstehen. Hier der Link: http://nakwandern.de/
Hallo Siegbert,
das liegt daran, dass du deiner Hauptüberschrift einen schatten verpasst hast. Dieser wird im Headerbearbeitung nicht angezeigt. Der schatten macht die Schrift im Container kleiner. wenn du jetzt den kleinen Text darunter, an die im Header abgebildete Schrift anpasst, dann sieht das in der HEaderbearbutung zwar so aus als ob es passt, aber wenn der schatten dann in der Vorschau hinzugefügt wird, wird die schrift minimal kleiner und der darunter stehende Text bleibt und ragt über der Überschrift hinaus. Das ist blöd, ich weiß aber dann musst du das einkalkulieren und in der Headerbearbeitung entsprechend verrücken, so dass es in der VORSCHAU passt und nicht in der HEaderbearbeitung.
Hoffe das hilft.
Liebe Grüße
Marcus
Autor
Hallo Markus,
vielen Dank. Daran habe ich nicht gedacht. Ich habe jetzt auch einen Text vom Texteditor in die Fusszeile gestellt. Gibt es da eine Möglichkeit zu sehen wohin ich den Text plaziere? Bei mehreren Blöcken wird es schwierig. Ist es besser ich nehme jede Zeile als Überschrift?
Wenn du die Möglichkeit mit einem Grafikprogramm hast diesen Textblock zu erstellen, würde ich das vielleciht sogar so machen. Vorausgesetzt du hast gestalterische Elemente mit drin wie Schatten, Farbverlauf etc.. Nachteil: der Text ist dann eine Grafik und wird von Google nicht erkannt.
Gruß
Marcus
Man kann es pixelgenau einstellen wo man das "Objekt" platziert! Wie sich aber der Text verhält kann man aber nicht bestimmen. Es muss die gleiche Schriftgröße sein und auch die gleich Schriftart und man kann auch per rechts klick "an Inhalt anpassen" durchführen. Das wiederum passt aber nicht die Schrift an, sondern nur das Objekt an den Inhalt.
Guten Tag Siegbert,
passen Sie bitte darauf, dass alle in den Header eingefügten Objekte für jeden Breakpoint richtig im Bereich Header platziert sind, sie sollen nie die Ränder des Bereichs überwinden.
Ich wünsche Ihnen einen schönen Tag. Mit freundlichen Grüßen.