2, Open Sans (Pro) ist tatsächlich ein Google-Font, den ich lokal umgezogen habe und der jetzt auf einem meiner Webspaces liegt, vielleicht ist das tatsächlich die Ursache. Das Komische ist, dass dieser Font nur von dem neuen Layout verwendet wird, die css-Stylesheets der beiden anderen Templates habe ich nicht angefasst.
Ich werde den Font mal direkt hier in das Template-Verzeichnis verschieben ohne externe Aufrufe, vielleicht löst das dann das Problem. Wäre sehr überraschend, aber experimentelle IT hat man ja öfters mal
Das Problem ist der CSS Code. Der ist in Plain Text lesbar und so wie es im Dokument steht, ist das die Standardkonfiguration für Fonts, die beim Client installiert sein müssen. Wenn man einen Webfont in einem HTML Dokument benutzen will, muss man eine andere Syntax benutzen, insbesondere muss man einen "src"-Tag füllen, der auf die physikalische Fontsdatei auf irgendeinem Server verweist. Das sehe ich da aber nicht und dann kann der Browser ja auch nicht wissen, dass es in irgendeinem Template Verzeichnis bei usa-reise.de eine Fontsdatei gibt, die er für den Font laden soll. Das kann ja nicht gehen.
Denkbar ware es natürlich, dass der CSS Code auch dynamisch generiert wird und bei Vorhandensein bestimmter Webfonts im Serververzeichnis der entsprechende Code generiert wird. Dagegen spricht allerdings, dass die Dateien mit den Webfonts Container sind, die nicht den gleichen Namen wie der Fonts selbst haben müssen. Irgendwie muss man dem PHP Generator ja mitteilen, wie die Fontsdatei heißt, wo der Open Sans Font abgespeichert ist.
Ich persönlich glaube nicht, dass es damit getan ist, einfach Fonts vom Google Server herunterzuladen und auf einen anderen Server in irgendein Templateverzeichnis zu kopieren. Irgendwelche Konfigurationen muss man sicherlich auch noch vornehmen.
P.S.: Ich benutze in Chrome das Entwicklerwerkzeug für die HTML Dokumente, das ist eine Art HTML Debugger. Der zeigt mir auf, dass im Dokument
https://forum.usa-reise.de/Themes/bootUs-v1/css/bootstrap.css auf Zeile 281 der CSS Code für den body-Tag wie folgt definiert ist:
body {
font-family: 'Open Sans';
font-size: 14px !important;
line-height: 1.42857143;
color: #333;
background-color: #ebebeb;
}Wie Du siehst, ist das der stinknormale Tag font-family für den Zeichensatz, dahinter steht der Wert 'Open Sans', das ist der interne Name des Fonts, wie er beispielsweise auch in Office Dokumenten heißen würde. Der muss als lokal beim Client installiert sein, dort, wo der Browser läuft.
Die Einrichtung und Definition von Webfonts hat eine andere Syntax, hier mal ein Codebeispiel aus einem Tutorial:
@font-face {
font-family: "CustomFont";
src: url("https://yoursite.com/css/fonts/CustomFont.eot");
src: url("https://yoursite.com/css/fonts/CustomFont.woff") format("woff"),
url("https://yoursite.com/css/fonts/CustomFont.otf") format("opentype"),
url("https://yoursite.com/css/fonts/CustomFont.svg#filename") format("svg");
}Du siehst die Angabe der Tags "src" und "url", die zusätzlich zur font-familiy gemacht werden müssen. Diese Tags verweisen physikalisch auf die Server und die Dateien, wo die Container (hier CustomFont.woff beispielsweise) physikalisch liegen. So etwas müßte auch im HTML Code dieses Forums zu finden sein, wenn die Fonts von usa-reise.de geladen werden sollen, also ungefähr so:
@font-face {
font-family: "Open Sans";
src: url("https://forum.usa-reise.de/Themes/bootUs-v1/fonts/OpenSans.woff" format("woff");
...
}
Thema: Google Fonts jetzt intern gespeichert (Gelesen 4460 mal)
