Wir haben den Text mit imagettftext eingesetzt. Da es aber verschiedene Layouts gab, teilweise Blöcke mit mehrzeiligen Einträgen, die übereinander positioniert und abhängig von einander relativ positioniert werden mussten war es sehr aufwändig. Umlaute wurden von imagettftext nicht übernommen und mussten durch Punkte ersetzt werden, deren Position genau und in Abhängigkeit von Größe, Buchstabenbreite usw. berechnet werden musste, Transparente Pixel mussten aufgrund der nicht homogenen Hintergründe der Tafel automatisch erzeugt werden usw. es war echt heftig. Wie gesagt, das war 2008. Heute geht das mit html2Canvas viel leichter.
Aber ich kann das Ding nicht komplett umschreiben.
Ich bin noch der Hoffnung, dass es sich um einen einzigen blöden Fehler handelt, den ich nicht sehe.
Wenn ich eine Webseite baue und eine Schrift mit einer Pixelgröße von 40px definiere, wie kann es dann sein, dass diese Schrift plötzlich bei einem PC um 1/3 kleiner erscheint, obwohl es im Quelltext immer noch 40px sind, DIV-Rahmen, die man mit 40px um sie zeichnet bleiben aber auf allen Geräten gleich groß?
Ganz unabhängig von einem Tafelhintergrund o.Ä.
- - - Aktualisiert - - -
So.. Um mal ganz weg von irgendwelchen Tafel zu kommen habe ich die ganze Sache jetzt auf ein Minimum reduziert:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
*{
padding:0px;
margin:0px;
}
</style>
</head>
<body bgcolor="black">
<div style="font-family:arial;font-size:40px; color: white;">
deutsches Jungbullenfleisch
</div>
<div style="width: 177px; height: 27px; border: 2px solid red; position: absolute; top: 7px; left: 0px;">
</div>
</body>
</html>Hier ist die Live-Ansicht:
http://www.mss-portal.eu/upload/beispiel.html
Ich habe keine externe Schriftdatei verwendet, sondern nur font-family:arial eingegeben.
Um die ersten Worte habe ich einen roten Rahmen gezogen.
Bei unseren Geräten hier sieht das auch gut aus. Falls es bei euch schon anders aussieht, wäre das vielleicht schon ein Hinweis.
So soll es aussehen und sieht hoffentlich bei euch auch aus:
Und so sieht es auf dem Problemgerät aus:
In diesem Script gibt es keine Schriftdateien, die Box ist in beiden Fällen 177x27px groß und erscheint auch auf den Bildschirmen immer gleich groß. (Deswegen hatte ich die Tafeln genommen, um zu zeigen, dass grafische Elemente unverändert sind.)
Die Schrift schrumpft also auf dem einen Gerät. Ich habe festgestellt, dass sie nicht schrumpft, wenn man gar keine Schrift angibt und der Browser die systemeigene Schrift benutzt.
Aber sobald man eine Schriftart definiert, egal ob extern vom System bereitgestellt, zerschiesst das Design.