Füge eine benutzerdefinierte Schriftart über das Asset-Repository zu meinem Theme hinzu

[Joart]

Hallo,
Ich versuche, eine benutzerdefinierte Schriftart zu meinem Theme hinzuzufügen, aber es funktioniert nicht… Ich habe sicher etwas falsch gemacht, aber ich kann nicht finden, wo.

• Ich entwickle mein eigenes Theme, das ich über GitHub installiert habe.
• Im Assets-Repository habe ich meine Schriftarten hochgeladen, die keine Google-Schriftarten sind:

• In der about.json habe ich die Dateien importiert:

• In meinem SCSS-Repository habe ich meine Schriftfamilien erstellt:

Ich habe versucht, : format(‘woff2’) hinzuzufügen, aber das funktioniert auch nicht.

• Und dann:

Nun, es funktioniert nicht… Irgendeine Idee?

[pfaffman (Jay Pfaffman)]

Ich bin mir nicht sicher, was das Problem sein könnte. Ich würde mir Assets (z. B. Bilder, Schriftarten) in Themes und Komponenten einbeziehen ansehen. Entschuldigung, wenn das nicht hilfreich ist.

[southpaw]

Hallo @Joart,

Ich bin mir sicher, dass ich vereinfache, aber ich stelle fest, dass der Pfad zu den Schriftarten in Ihrem about.json-Snippet auf einen assets-Ordner verweist, während in Ihrem CSS der Pfad auf einen fonts-Ordner verweist. Sind Sie sicher, dass der Quellpfad der CSS-Datei korrekt ist?

[awesomerobot (Kris)]

@southpaw

Sind Sie sicher, dass der CSS-Quellpfad korrekt ist?

Das ist ein guter Einwand, aber Sie möchten den Pfad nicht so in Ihrem CSS verwenden, sondern die Dateien über den Asset-Namen als Variable referenzieren:

@font-face {
   font-family: supply-light;
   src: url($supply-light);
}

Dies wird unter Include assets (e.g. images, fonts) in themes and components behandelt.

[Joart]

Nun, ich habe es versucht, aber es funktioniert nicht

[pfaffman (Jay Pfaffman)]

Es ist schwer zu erraten, warum. Sie könnten Ihr Thema auf GitHub stellen und darauf verlinken oder Ihren Code hier posten.

Haben Sie dem Beispiel von @awesomerobot folge geleistet?

[southpaw]

Hallo @Joart,

Ich habe ein wenig damit auf einer ziemlich neuen Discourse-Instanz herumgespielt und hatte einige Probleme mit den ersten Schriftarten, die ich ausprobiert habe. Ich hatte sie mit einem kostenlosen Online-Konverter in .woff2 konvertiert, und ich glaube, das hat vielleicht keine gute Arbeit geleistet.

Als ich es mit einer .otf-Schriftart und dann wieder mit einer anderen .woff2-Schriftart, die von einem seriöseren Konverter konvertiert wurde, versuchte, konnte ich die benutzerdefinierte Schriftart mit den Schritten in der Anleitung hinzufügen, auf die @pfaffman und @awesomerobot verwiesen haben.

Es waren wirklich nur zwei Schritte erforderlich: Hochladen der Datei über das Modal „Upload hinzufügen“ und Hinzufügen der Zeilen @font-face und body aus dem Beispiel-SCSS zum Thema oder zur Komponente.

Ich bin sicher, wenn Sie uns mehr Details geben und Ihren Code und die Schriftarten teilen können, können wir Ihnen helfen, das herauszufinden.

[Joart]

Ja, danke! Ich habe es mit dem TTF-Format versucht und es funktioniert!