Lokale Schriften werden nicht mehr dargestellt

[struggle]

Hallo,

gestern Abend habe ich nach einer Änderung meine Homepage lokal veröffentlicht und hochgeladen. Alees war in Ordnung, auch auf dem Server.

Heute wollte noch eine Änderung vornehmen, klicke zu Öffnen meine Seite an, sie öffnet sich aber nicht und ist plötzlich weg. Unter projekt.mobirise habe ich sie mir zum Bearbeiten wiedergeholt, jedoch stimmt plötzlich die Schrift nicht mehr. Es erscheint wieder ein Google-Font und nicht meine lokal eingebundene Schrift.

Nächster Versuch, über die History nochmals die letzte veröffentlichte und auf den Server übertragene Homepage in die Arbeitsansicht geladen, aber die Schrift stimmt wieder nicht. Auf dem Server ist jedoch alles richtig.

Was ist hier passiert ? Wie kann es sein, daß ich gestern die Seite hochgeladen habe und online alles richtig erscheint aber nicht mehr auf meinem PC ?

Es gab auch kein Problem mit dem PC, auch keinen Absturz o.ä.

[Klaus]

Wenn ich mir Deine Project angucke die auf dem Server liegt ist da die "name": "Roboto" auch mit URL zu google drinnen.
Ggf. hast Du eine neue Seite in der so eine Schrift verwendet wird zugefügt?

[struggle]

Hallo Klaus, danke für die Antwot.
Das ist ja komisch, der lokale Font, den ich genommen habe heißt "Rubik", auf der Arbeitsseite erscheint jetzt " SourceSansProRegular" und online "Roboto"
Ich muss die Schrift wohl neu installieren. Vielleicht habe ich mir den Font durch eine "Witsec-Seite" eingefangen, Mal gucken.

[Tommy Herrmann]

Moin,

was hast Du denn da von "Witsec" eingebaut - ich kenne mich mit dessen Drittanbieter-Blöcken nicht aus:

https://www.immo4live.de/

... leider kann ich Dir dabei auch gar nicht helfen, denn ich habe und werde diese Erweiterungen nicht installieren. Du weißt auch, dass Du dann eventuell den Support von Mobirise verlierst - zumindest sagt das Mobirise so.

Im Moment sehe ich gar keine installierten Fonts auf Deiner Webseite

... dort werden die Browser Standard-Fonts verwendet wie "Times New Roman".

[struggle]

TimesNewRoman wäre dann die vierte Schrift (Rubik war eingestellt, Klaus hat Robot gesehen und und in der Arbeitsansicht war plötzlich SourceSans).

Witsec hat nie Probleme gemacht, ich habe von denen das Accordion:

https://www.immo4live.de/tipps.html

Hier gefiel mir, daß man die Boxen mit Farbe füllen und die Ecken abrunden kann.

Das Problem ist eigentlich erst nach der letzten Änderung aufgetreten, als ich auf die Startseite einen Slider eingebaut habe.

Ich habe wieder "Rubik" (lokaler Font) eingestellt, lokal veröffentlicht und hochgeladen. "Rubik"wird auf dem Server einfach nicht übernommen ?!

[Tommy Herrmann]

... also an "Witsec" liegt das mit Sicherheit nicht (glaube ich jedenfalls).

Da ist irgend etwas anderes passiert. Ist Dein Projekt denn kürzlich mal irgendwie abgestürzt?

... oder ist Dein Projekt am Computer umgezogen oder das Verzeichnis mit den loaklen Schriften vielleicht plötzlich woanders?

Deine Fonts in Deiner "Projekt-Datei" sehen etwas wild aus:

Code: Alles auswählen

   "siteFonts": [
      {
        "css": "'Roboto-Black'",
        "name": "Roboto-Black",
        "url": null,
        "file": "@PROJECT_PATH@/fonts/Roboto-Black/font.ttf"
      },
      {
        "css": "'Roboto-Regular'",
        "name": "Roboto-Regular",
        "url": null,
        "file": "@PROJECT_PATH@/fonts/Roboto-Regular/font.ttf"
      },
      {
        "css": "'Roboto', sans-serif",
        "name": "Roboto",
        "url": "https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i"
      },
      {
        "css": "'Roboto-Bold'",
        "name": "Roboto-Bold",
        "url": null,
        "file": "@PROJECT_PATH@/fonts/Roboto-Bold/font.ttf"
      },
      {
        "css": "'Roboto-Light'",
        "name": "Roboto-Light",
        "url": null,
        "file": "@PROJECT_PATH@/fonts/Roboto-Light/font.ttf"
      },
      {
        "css": "'Rubik-Black'",
        "name": "Rubik-Black",
        "url": null,
        "file": "@PROJECT_PATH@/fonts/Rubik-Black/font.ttf"
      },
      {
        "css": "'Rubik-Light'",
        "name": "Rubik-Light",
        "url": null,
        "file": "@PROJECT_PATH@/fonts/Rubik-Light/font.ttf"
      },
      {
        "css": "'SourceSansPro-Regular'",
        "name": "SourceSansPro-Regular",
        "url": null,
        "file": "@PROJECT_PATH@/fonts/SourceSansPro-Regular/font.ttf"
      }
    ],

Tatsächlich am Server ist aber nur dieser, von Dir zuletzt gewählte Font:

https://www.immo4live.de/assets/fonts/style.css

Code: Alles auswählen

@font-face {
   font-family: 'SourceSansPro-Regular';
   src: url('SourceSansPro-Regular/font.ttf');
}

Geladen wird der aber nirgendwo, insofern wird die Schrift also vom Standard-Browser-Font "Times New Roman" ersetzt, denn der Link zu Deiner Fonts-Datei "style.css" mit den Schrifteinträgen fehlt völlig im Quelltext Deiner Seite:

<link href="assets/fonts/style.css" rel="stylesheet">

... dieser muss eigentlich gleich vor der Datei "mbr-additional.css" im Quelltext stehen.

Mache doch mal bitte einen Screenshot von den globalen Style-Einstellungen (am Pinsel) und gucke in den "Schrift-Editor" von Mobirise, was dort am rechten Tab "Site Schriften" geladen ist, ich vermute mal dass da nichts steht:

[struggle]

Hallo Tommy,
abgestürzt o.ä. ist nichts, keine Probleme mit dem PC. Um lokale Schriften wieder zu laden, habe ich mir am Pinsel bei "Rubik" mehrere Arten (light, bold, italic, regular) angesehen, geladen habe ich dann "Rubik regular" aus den heruntergeladenen Google-Fonts (Static)
Ist das denn normal, daß auch die nur angesehenen Schriften in der CSS auftauchen ?
Einen Screenshot mache ich noch, bin mit Hund Gassi.
Den Schrift-Editor habe ich nicht, ich weiß
Auf jeden Fall steht da Rubik !

[Tommy Herrmann]

... wenn Du diesen Schrift-Editor nicht hast, wie lädst Du denn dann überhaupt die Schrift

Hast Du denn nicht, wenn Du auf eine Schrift klickst, den grünen Button "Mehr Schriften" (ganz unten)? Ich kann mich gar nicht entsinnen, dass das jemals anders war. An diesem Button geht es zum "Schrift Editor".

... sonst schreibe das mal ganz genau hier auf, wie Du das mit den Schriften machst.

[struggle]

Also, ich gehe auf den Pinsel

Dann gehe ich auf mehr Schriften

dann suche ich die benötigte Schrift am PC heraus

und dann lade ich diese Schrift in jede einzelne Spalte (Titel 1-3, Text, Menü), so daß wirklich überall die gleiche Schrift erscheint. Dann wird lokal veröffentlicht und dann auf den Server übertragen

Ich habe wohl den Schrift-Editor doch. Oder ?

dort erscheint die Schrift Rubik-regular nicht.

[Tommy Herrmann]

Lösche die doch mal alle am Papierkorb unter "Site Schriften" am ganz rechten Tab.

Dann siehst Du ja was passiert.

Wahrscheinlich musst Du dann die Schrift "SourceSansPro-Regular" mit der Schrift "Rubik-Regular" ersetzen.

Die jetzt in Deinem Screenshot markierte Schrift "Rubik" ist sehr wahrscheinlich die ursprüngliche Schrift von "Google-Fonts". Die kannst Du nicht löschen (und sollst Du auch nicht).

Du musst dann zwingend alle 5 Schrifttypen im Style-Editor ändern:

Title 1
Title 2
Title 3
Text
Menu

... nirgendwo darf mehr nur "Rubik" stehen - nur noch "Rubik-Standard" - oder was auch immer Du für den einzelnen Schrifttyp wählst.

So sieht das dann z.B. in dieser Projekt-Datei von mir vom Thema "BusinessM4" aus. Hier steht als erstes die Schrift "Montserrat" mit allen Font-Weights von "Google Fonts".

Dann als zweites und drittes meine beiden lokalen Schriften, die ich für meine 5 Schrifttypen im Thema "BusinessM4":

https://www.mobirise-tutorials.com/BusinessM4/

... verwendet habe, nämlich "Montserrat-Regular" für den Schrifttyp "Text" und "Montserrat-SemiBold" für die anderen 4 Schrifttypen.

Code: Alles auswählen

"path": "@PROJECT_PATH@",
"versionFirst": "4.8.6",
"siteFonts": [
  {
    "css": "'Montserrat', sans-serif",
    "name": "Montserrat",
    "url": "https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i"
  },
  {
    "css": "'Montserrat-Regular'",
    "name": "Montserrat-Regular",
    "url": null,
    "file": "@PROJECT_PATH@/fonts/Montserrat-Regular/font.ttf"
  },
  {
    "css": "'Montserrat-SemiBold'",
    "name": "Montserrat-SemiBold",
    "url": null,
    "file": "@PROJECT_PATH@/fonts/Montserrat-SemiBold/font.ttf"
  }
],

Da ich aber an alle 5 Schrifttypen eine dieser beiden lokalen Schriften angegeben habe, wird eben die ursprüngliche Schrift von "Google Fonts" nicht mehr im Quelltext verlinkt.

... gucke dann auch mal in deine Projekt-Datei "project.mobirise" im Verzeichnis der lokalen Publizierung, ob sich da was ändert.

... und ja - der letzte Screenshot zeigt den Mobirise "Schrift-Editor".

[struggle]

Also, ich habe die Schriften gelöscht, dann habe ich Rubik-regular geladen und in der Pinsel-Ansicht erscheint auch Rubik-regular

dennoch erscheint auf der Homepage eine andere Schrift

Wenn ich dann lokal publiziere wird auf der Homepage die richtige Anschrift angezeigt, aber nur nach dem Publizieren, gehe ich wieder in die Arbeitsansicht, ist wieder die falsche Schrift da.

Und im CSS-Editor gibt es keinen Link zur Schrift

[Tommy Herrmann]

Genau so ist es ja auch richtig.

Mobirise kann in der Arbeitsansicht nur "Google Fonts" verwenden oder eben eine am Computer installierte Standard-Schrift, die natürlich dann wieder eher so etwas wie "Times New Roman" ist.

Du musst immer erst publizieren, damit der Browser die nun installierte Schrift laden kann.

Im CSS-Editor gibt es auch keinen Link!

Den Link (Verweis zu dieser CSS-Datei mit den Fonts) siehst Du im Quelltext der Seite im Browser - rechte Maustaste auf Seite im Browser und im Kontext-Menü wählen "Seitenquelltext anzeigen" - oder Tastenkombination "Strg + U" (in allen Browsern).

So sieht dieser Link (Verweis) zu der CSS-Datei mit den lokalen Fonts dann im Quelltext einer Seite aus:

<link href="assets/fonts/style.css" rel="stylesheet">

[struggle]

Besten Dank für die viele Mühe. Und ich habe immer gedacht, die gewählte Schrift sähe man in der Arbeitsansicht.
So habe ich Dein Tutorial zum Installieren lokaler Fonts wohl mißverstanden, mein Fehler.

Aber dennoch bin ich ratlos, warum das passiert überhaupt ist.

[Tommy Herrmann]

ja - keine Ahnung was da bei Dir passiert sein könnte

... aber gib mal Bescheid, ob Du es schlussendlich wieder repariert bekommen hast, denn bisher ist es online noch nicht wieder hergestellt.

[struggle]

Hallo Tommy,

online ist jetzt auch alles richtig

https://www.immo4live.de

scheint so, daß es repariert ist und im Quelltext taucht auch der Link auf.

Dankeschön noch mal

[Tommy Herrmann]

na prima

... alles wieder in Ordnung.