Google Webfonts entfernen und lokal einbinden

Hallo zusammen,

ich möchte in unserem Contao System das automatische Laden von Google Fonts deaktivieren und lokal einbinden.

Folgenden Beitrag habe ich auf der Hilfeseite gefunden:
https://help.premium-contao-themes.c...or-fonts-local

Auszug:

Zitat:

---

1.2 Contao Seitenlayouts
Seitenlayouts > Webfonts > Google-Webfonts > Alle Schriften hier entfernen

---

Leider steht mir der dort unter 1.2 beschriebene Navigationspunkt "Seitenlayouts" nicht zur Verfügung. Hatte jemand das selbe Problem und kann mir hier weiterhelfen?

Wir verwenden aktuell die Contao Version 4.4.49 und folgende Seitennavigation steht mir zur Verfügung:
Anhang 23734

Vielen Dank und beste Grüße
Lisa

Das sollte in "Themes" im Bereich "Layout" stecken.

Ich ergänze mal die Ausgangsfrage um die Frage, wo (in welchem Verzeichnis) ich die Datei "customize.css" finde, bzw. in welchem Verzeichnis ich sie erstellen muss?

sollte im File Ordner sein... (Dateiverwaltung)
cto_layout > css

Das funktioniert leider nicht ... also:
Die Google-Fonts unter Files > Fonts
und die customize.css unter Files
und im Seitenlayout das Externe Stylesheet Files > customize.css einbinden.

Zitat:

---

Zitat von Achim H.

und die customize.css unter Files
und im Seitenlayout das Externe Stylesheet Files > customize.css einbinden.

---

Das funktioniert so nur, wenn du Skripte zusammenfassen im Seitenlayout bzw. in den Systemeinstellungen aktivierst. Und auch dann nur in der prod Umgebung, nicht in der dev.

Du musst für deine Stylesheets einen eigenen Ordner anlegen und diesen als Öffentlich einstellen.

Danke für die weiteren Hinweise. Beide habe ich beachtet – ohne Erfolg:

Anhang 23774

Anhang 23775

Die CSS-Datei sieht bspw. so aus:

Code:

---

@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  src: url('files/stylesheets_fonts/fonts/asap-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Asap Regular'), local('Asap-Regular'),
      url('files/stylesheets_fonts/fonts/asap-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('files/stylesheets_fonts/fonts/asap-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
      url('files/stylesheets_fonts/fonts/asap-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
      url('files/stylesheets_fonts/fonts/asap-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
      url('files/stylesheets_fonts/fonts/asap-v11-latin-regular.svg#Asap') format('svg'); /* Legacy iOS */

---

Den Pfad solltest du relativ zu deiner CSS Datei angeben.

So

Code:

---

@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/asap-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Asap Regular'), local('Asap-Regular'),
      url('../fonts/asap-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../fonts/asap-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
      url('../fonts/asap-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
      url('../fonts/asap-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../fonts/asap-v11-latin-regular.svg#Asap') format('svg'); /* Legacy iOS */
}

---

funktioniert es auch nicht.

HTML-Code:

---

files/stylesheets_fonts/customize.css
files/stylesheets_fonts/fonts/

---

Zitat:

---

Zitat von Achim H.

HTML-Code:

---

files/stylesheets_fonts/customize.css
files/stylesheets_fonts/fonts/

---

---

Wenn der Ordner fonts auf der selben Ebene liegt, wie DeinE customize.css, dann sind die ../ zuviel.

Na endlich. Danke!

:-(

Jetzt bin ich bei Contao 4.12.1 angelangt und bei einer meiner Websites funktioniert das* nicht mehr, nachdem ich einige Stylesheets geändert, neue Fonts auf meinen Server hochgeladen und die customize.css entsprechend angepasst habe. (* Die gewünschten Fonts werden bei der Webanzeige der Site nicht berücksichtigt.)

Zitat:

---

Zitat von Achim H.

:-(

Jetzt bin ich bei Contao 4.12.1 angelangt und bei einer meiner Websites funktioniert das* nicht mehr, nachdem ich einige Stylesheets geändert, neue Fonts auf meinen Server hochgeladen und die customize.css entsprechend angepasst habe. (* Die gewünschten Fonts werden bei der Webanzeige der Site nicht berücksichtigt.)

---

Hi,

hast Du mal var/cache/prod gelöscht und die Seite neu geladen?

Gruß
tschero

Ich hatte einige Probleme beim Update von 4.12 auf 4.12.1 (Datenbankaktualisierung, utf-Formate). Die sind behoben. Beim Contao Manager erhalte ich bei den genannten Funktionen noch eine Fehlermeldung (irgendein Nameserver ...).
Übrigens wird auch die Änderung eines etwas längeren html-Codes für ein Modul im Backend nicht gespeichert.

Details kann ich eventuell heute Abend nachreichen.

Bei einer von drei Domains (Startpunkten) in derselben Datenbank habe ich die Probleme, die anderen laufen einwandfrei.

Aber vielleicht könnte mal jemand "a-klarinette.de" aufrufen? IE und Edge liefern mir eine Contao-Fehlermeldung (bei "www.a-klarinette.de" und "HTTPS://a-klarinette.de" nicht). Https ist im Backend eingestellt und die ReWrite-Rules sind in der .htaccess eingetragen.

Zitat:

---

Zitat von Achim H.

Aber vielleicht könnte mal jemand "a-klarinette.de" aufrufen? IE und Edge liefern mir eine Contao-Fehlermeldung (bei "www.a-klarinette.de" und "HTTPS://a-klarinette.de" nicht). Https ist im Backend eingestellt und die ReWrite-Rules sind in der .htaccess eingetragen.

---

So wie es für mich aussieht leitest Du "www.a-klarinette.de" auf HTTPS um, nicht aber "a-klarinette.de". Meist kann man das dirket beim Hosten einstellen, dann muss die .htaccess nicht angepasst werden.

Danke für den Hinweis. Der Fehler kommt immer nur beim ersten aufrufen. Hat der Browser das einmal verstanden, klappt es auch später wieder.
Das SSL-Zertifikat ist tatsächlich für www.a-... ausgestellt. Muss ich bei Verlängerung/Neubeantragung bedenken.
Werde bis dahin die Weiterleitung ergänzen.

Danke für diesen Tipp!

Also, die Weiterleitung zu ergänzen war gar keine gute Idee - zuviele Weiterleitungen laut Browser.

Aktuell aktiv ist:

Code:

---

  RewriteEngine On
# Weiterleitung www.a-klarinette.de auf a-klarinette.de
  RewriteCond %{HTTP_HOST} ^www\.a-klarinette\.de$
  RewriteRule ^ https://a-klarinette.de%{REQUEST_URI} [R=301,L]
# Ende

# Weiterleitung a-klarinette.de auf https://a-klarinette.de
#  RewriteCond %{HTTP_HOST} ^a-klarinette\.de$
#  RewriteRule ^ https://a-klarinette.de%{REQUEST_URI} [R=301,L]
# Ende

---

Die "Weiterleitung a-klarinette.de auf https://a-klarinette.de" ist inaktiv; setze ich die aktiv, habe ich zuviele Weiterleitungen. Mal beobachten, ob sich das Problem / die Contao-Fehlermeldung im Zeitverlauf wiederholt. Suchergebnisse aller Suchmaschinen werden aber direkt auf die richtige Adresse gelenkt.

Will ich den Prod.-Cache erneuern, erhalte ich diese Meldung, die zum Abbruch führt:

Code:

---

vendor/bin/contao-console cache:clear --no-warmup
$ /usr/bin/php7.4 -q -dmax_execution_time=0 -dmemory_limit=-1 -dallow_url_fopen=1 -ddisable_functions= -ddate.timezone=Europe/Berlin /is/htdocs/wp999999999/www/contao/version_4/vendor/contao/manager-bundle/bin/contao-console cache:clear --env=prod --no-warmup
In ContaoFilesystemLoader.php line 108:
                                                                             
  Tried to register an invalid Contao namespace 'Contao_Theme_a-klarinette.de 
  '.                                                                         
                                                                             
# Process terminated with exit code 1
# Result: General error

---

Zitat:

---

Zitat von Achim H.

Die "Weiterleitung a-klarinette.de auf https://a-klarinette.de" ist inaktiv; setze ich die aktiv, habe ich zuviele Weiterleitungen.

---

Das ist m.E. auch klar, denn

Code:

---

RewriteCond %{HTTP_HOST} ^a-klarinette\.de$
RewriteRule ^ https://a-klarinette.de%{REQUEST_URI} [R=301,L]

---

fragt, ob der HOST a-klarinette.de ist und leitet dann zu https://a-klarinette.de. Dort wird wieder gefragt, ob der HOST a-klarinette.de ist (ja, ist er) und damit bist Du in einer Endlosschleife.

Du brauchst zusätzlich noch eine Bedingung für "ist nicht https":

Code:

---

RewriteCond %{HTTP_HOST} ^a-klarinette\.de$
RewriteCond %{HTTPS} off
RewriteRule ^ https://a-klarinette.de%{REQUEST_URI} [R=301,L]

---

Ah! 1000 Dank, das war's.