Neu Hilfe! Andere Schrift in der mobilen Version?!

[Kitsch_und_Kitty]

Hallo,

endlich bin ich so weit zufrieden und möchte bald online gehen. Jetzt habe ich eben noch einen Test auf den mobilen Geräten macht und siehe da, meine schöne Schrift ist weg. 🙁 Woran liegt das?

 

[FPrüfer]

Hallo,
ich gehe mal davon aus, dass die Seite nur auf DEINEM PC so aussieht wie du gerne möchtest das sie aussieht. Nur auf DEINEM PC ist wahrscheinlich deine Lieblingsschriftart installiert. Auf jedem anderen Rechner sieht das so aus wie auf deinem Smartphone...

 

[Kitsch_und_Kitty]

Mist... Das heißt, ich kann für die Homepage nur die auf PCs üblichen Schriftarten wählen? Aber wie machen das dann andere? Ich bin ja nicht die erste, die auf diese Idee kommt.

 

[FPrüfer]

Du kannst die Schriftart mittels CSS einbinden. Moderne Browser downloaden die Schriftart dann automatisch und verwenden sie zur Dartsellung.
Kopiere dazu die Schriftartdatei (kitsch_kitty_schriftart.ttf) in ein Verzeichnis deines Themes: templates/kitsch_kitty_template/themes/kitsch_kitty_theme/fonts

In deiner theme.less nimmst du ganz am Anfang folgende Angaben auf:

@font-face {
  font-family: 'Kitsch_Kitty_Schrift';
  src: url('../fonts/kitsch_kitty_schriftart.ttf');
  font-weight: normal;
  font-style: normal;
}

(Namen und Verzeichniss kannst du natürlich an deine Gegebenheiten anpassen.)
Danach kannst du die Schriftart Kitsch_Kitty_Schrift ganz normal in deinem CSS verwenden und moderne Browser sollten diese dann auch auf jedem Gerät anzeigen.
Stelle aber bitte sicher, dass du über die notwendige Lizenz zur Benutzung der Schriftart verfügst, solange es sich nicht um eine frei verfügbare Schriftart handelt.

 

[Kitsch_und_Kitty]

Vielen, vielen Dank! Hinterlegt hatte ich sie schon, aber mir hat die Einbindung mit "src: url('../fonts/kitsch_kitty_schriftart.ttf');" gefehlt. Jetzt funktioniert's!

Und Lizenz habe ich natürlich gekauft. 🙂 Umso mehr hätte ich mich jetzt geärgert...

 

[ag-websolutions.de]

Danke für die Rückmeldung

-- closed