|
|||
Schrift der Headlines auf iPhone abgeschnitten
Hallo zusammen,
auf meiner neuen Seite Vegweiser.de - vegane & vegetarische Angebote finden ist ein Fehler aufgetreten, den ich bisher noch nicht kannte. Es scheint so, als würden alle Überschriften auf dem iPhone oben leicht "abgeschnitten" - siehe Anhang. Kennt jemand das Phänomen und hat vielleicht direkt noch eine Lösung parat? An der Schriftart (font-family: "Fira Sans",sans-serif ) dürfte es nicht liegen, bei einer anderen Schriftart ist das selbe Problem aufgetreten. Grüße, Uwe
__________________
Vegweiser.de - vegane & vegetarische Anbieter finden |
Sponsored Links |
|
|||
Hallo,
ich kann das Problem mangels iPhone nicht nachvollziehen. Mir fällt aber auf dass die Überschrift eine Schriftgröße von 1.75em hat, die line-heigt jedoch nur 1.5em beträgt. Das kann eigentlich nicht passen. Wobei es zwar zulässig, aber schlechter Stil ist, bei line-height eine Einheit anzugeben. Du solltest also besser nur 1.5 angeben, dann ist line-height 1,5 mal so groß wie die aktuelle Schriftgröße. Bewährt hat sich ein Wert von 1.3. Je nach Schriftart kann ein anderer Wert natürlich besser aussehen. Gruss MrMurphy |
Sponsored Links |
|
|||
Ah ok, das wusste ich nicht. Dann werde ich das mal ausprobieren.. habe ebenfalls kein iPhone und warte mal die Rückmeldung ab, aber dann wird es nun wohl richtig angezeigt. Danke!
__________________
Vegweiser.de - vegane & vegetarische Anbieter finden |
|
|||
Hallo nochmal,
es scheint noch ein weiteres Problem bei der Darstellung der Schrift zu geben. Einzelne Buchstaben, vornehmlich die Anfangsbuchstaben, zahlreicher Wörter auf der Webseite werden auf manchen Betriebssystemen oder in manchen Browsern nicht ausgegeben, siehe angehängte Grafik. Kennt zufällig jemand diesen Fehler und hat eine Idee woran das liegen könnte?
__________________
Vegweiser.de - vegane & vegetarische Anbieter finden |
|
|||
Leider nicht, bei mir selbst ist der Fehler noch nicht aufgetreten, ich habe es nur über Feedback erfahren und versuche gerade heraus zu bekommen bei welchen Systemen der Fehler auftritt. Ich dachte evtl. kennt jemand das Problem und hat einen Hinweis.
__________________
Vegweiser.de - vegane & vegetarische Anbieter finden |
|
|||
Hallo
es ist sehr unwahrscheinlich dass es sich um einen Fehler von HTML / CSS oder einen allgemeinen Browserfehler handelt. Welcher Browser auch immer betroffen ist. Es wird sich eher um Probleme des Rechners des betroffenen Users handeln. Also um einen Einzelfall, an dem du nichts ändern kannst. Die Ursache wird ein Grafikkarten / Treiberkonflikt sein. Eventuell liegt das Problem auch beim Provider des Users. Gruss MrMurphy |
|
|||
Ok, danke. Es wundert mich nur, da dieser Fehler in den letzten Tagen vermehrt aufzutauchen scheint. Ich versuche mal in Erfahrung zu bringen welche Systemkonfiguration dazu führt.
__________________
Vegweiser.de - vegane & vegetarische Anbieter finden |
|
|||
Ich habe jetzt zwei Rückmeldungen bekommen, beide User benutzen Windows 7 & Firefox. Allerdings tritt der Fehler ihren Angaben zu Folge nur auf meiner Seite auf. Könnte das an der Schriftart liegen?
Eingebunden über den Header: Code:
<link href='http://fonts.googleapis.com/css?family=Fira+Sans' rel='stylesheet' type='text/css'> Code:
body { background: #edfcee; color: #555; font-family: 'Fira Sans', sans-serif; font-size: 14px; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { font-family: 'Fira Sans', sans-serif; line-height: 1; }
__________________
Vegweiser.de - vegane & vegetarische Anbieter finden |
Sponsored Links |
|
|||
Hallo
Zitat:
Bei deinem ersten Problem war, ohne den Fehler zu suchen, ziemlich eindeutig das der Quellcode Fehler enthielt. Bei deinem aktuellen Problem (besser: Problem deiner Besucher) ist genau so ziemlich eindeutig dass deren Rechner das Problem verursacht. Ansonsten müsste das Problem bei fast allen Rechnern mit Win7 und Firefox auch auftreten. Von daher ist dein Quelltext für den Fehler nicht verantwortlich. Die Ursache kann sehr vielfältig sein. Ohne Zugriff auf die betroffenen Rechner kann nur geraten werden. Es kann zum Beispiel sein, dass sich verschiedene AddOns von Firefox nicht vertragen, die beide Benutzer verwenden, ich und andere aber nicht. Es kann auch sein das sich verschiedene AddOns und die Schriftart (deshalb vorhin mein "indirekt") nicht vertragen. Die betroffenen User können sich zum Beispiel mal Firefox in der Portablen Version herunterladen und die Seite damit aufrufen, ohne irgendwelche Einstellungen zu ändern oder gar AddOns zu installieren. Und dann schauen, wie die Seite angezeigt wird. Oder sie können nacheinander die vorhandenen AddOns deaktivieren und schauen, wie die Seite dann angezeigt wird. Die betroffenen User können die Seite auch mal Untersuchen (rechte Maustaste - Element untersuchen) und dabei die Schriftart deaktivieren und / oder eine andere eintragen. Oder mit einem Tool wie Firebug das CSS entsprechend anpassen. Oder du wählst eine andere Schriftart und fragst nach, wie die Seite dann bei denen angezeigt wird. Oder ... Gruss MrMurphy |
Sponsored Links |
Stichwörter |
abgeschnitten, iphone, schrift |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Responsive Design bei iPhone 6 nicht möglich | Overtone | CSS | 2 | 16.01.2015 09:05 |
Schrift auf Bild soll position halten | Ria | CSS | 4 | 30.12.2013 13:47 |
Weiße Schrift weiß drucken | renet | CSS | 5 | 15.07.2009 21:58 |
[TYPO] Axel - eine neue Spiekermann et. al Schrift | andir | Grafik, Design, Typografie | 0 | 13.06.2009 23:57 |
skalierbare Schrift in IE / NN / FF / OP | siakone | CSS | 17 | 10.05.2006 12:21 |