Druckbare Version
Hallo,
ich bin komplett in dem CMS Thema und ackere gerade das Buch "Websites erstellen mit Contao 3" durch.
Auf Seite 182 gibt es eine Übung um Google-Webfonts einzubinden und ich habe auch alles gemacht wie verlangt, aber es zeigt keine Wirkung! Auch nicht mit anderen Schriften und im Web und hier finde ich keinen Hinweis was ich falsch gemacht haben könnte.
Anhang 10121
Für einen Tipp wäre ich euch wirklich dankbar :D
Hallo Philo,
die Schrift muss neben der Einbindung des Webfonts im Seitenlayout auch im CSS Anwendung finden, zum Beispiel:
Falls korrekt angegeben, wird die Schrift eventuell durch eine später im CSS folgende oder spezifischere CSS-Angabe (zum Beispiel für p oder #main) überschrieben.Code:body {
font-family: 'Droid Sans', sans-serif;
font-weight: 400;
}
Demzufolge reicht die Definition in einer Formatdefinition alleine nicht?
Dem Buch nach, hätte ich mir gedacht, dass das reicht.
Ich habe das Buch selbst nicht, aber laut Amazons „Blick ins Buch“ beginnt das Kapitel 7.4.1 damit, dass:
1. die Schriftart mit font-family definiert wird und
2. die angegebene Schriftart auf dem Rechner des Besuchers vorhanden sein muss.
Die im Kapitel beschriebene Einbindung des Webfonts über das Seitenlayout betrifft nur Teil 2, die CSS-Definition wird unabhängig davon im Stylesheet vorgenommen. So können dann auch verschiedene Webfonts für verschiedene Bereiche, z.B. Überschriften oder Fließtext, verwendet werden.
Wie oben von Dir beschrieben, werden die Webfonts von dir eingebunden, dass heißt, es besteht die Möglichkeit, dieses zu nutzen.
Dann musst Du natürlich festlegen, wo Du diese Fonts einsetzen möchtest (wie im Beispiel von Marpori im Body-Abschnitt), aber Du willst ja evtl. nicht immer den gleichen Font nutzen. sonst hättest Du ja auch schlecht die Möglichkeit, mehrere Fonts auf deinen Seiten zu nutzen.
Klar, eingebunden bzw. auf dem PC installiert müssen die auch noch sein ;)
Ich habe in meinem Eifer einfach angenommen, das Contao die Schriften bei bedarf direkt von den Googleschriften in den Browser lädt. Irgendwie in der Art (schon lange her) habe ich das auf www.starwars-collectorbase.com mit der SW Schrift gelöst, aber da erwarte ich wohl etwas zuviel von Contao an automatischen Aktionen :D
Danke für eure Antworten, manchmal steht man einfach auf der Leitung :)
Ich hoffe, ich werde euch in Zukunft nicht zu sehr mit meinen Fragen nerven, aber bevor ich frage, schaue ich natürlich nach ;)
Das ist nicht richt, sorry. Genau dafür gibt´s ja Google Webfonts damit man nicht nur Schriften im Browser angezeigt bekommt, die auf dem eigenen Rechner installiert sind.Zitat:
Zitat von Marpori
Genau das macht Contao mit den Google Webfonts. Mit Google Webfonts geht´s natürlich am einfachsten, aber du kannst grundsätzlich auch jede andere Schriftart die in die Webseite einbinden, aber das ist ein anderes Thema.Zitat:
Zitat von Philo
1. Gebe im Seitenlayout in das Feld "Google Webfonts" statt "Droid+Sans:400,700" nur "Droid+Sans" ein.
2. In dem Stylesheet für z.B. "h1" gebe in das Feld "Schriftarten" dann "Droid Sans" ein und in das Feld "Eigener Code" dann z.B. "font-weight:700".
AHA!!!Zitat:
Zitat von stephangunnar
Also hat das mit der Schrift nicht gefunkt, weil es die Schrift "Droid+Sans:400,700" nicht gibt. Weil die Größe der Schrift durch das jeweilie CSS definiert wird.
Eigentlich logisch.
Auf das komme ich noch einmal zurück wenn ich soweit bin, denn ich muss zwei Sites machen und bei der SW Site will ich ganz sicher wieder die SW Schrift verwenden :)Zitat:
Zitat von stephangunnar
Danke
Die Syntax mit "Droid+Sans:400,700" und ähnlichem ist völlig in Ordnung. 400,700 lädt nur die entsprechenden Schriftschnitte.
Auf http://groningen-info.de werden z. B. PT+Sans:400italic,700italic,400,700|Lato:400,700 geladen.
Probleme habe ich bisher nur bei lokalen Installationen unter XAMPP/MAMP gesehen. Könnte das sein?