Schrift wird nicht geladen?

Shopware 5 Themes & Design
1

Hallo,

ich habe eine neue Schriftart in frontend/_public/src/fonts reingeladen, in der webfonts.less die Schrift eingebunden.
 

@font-face {
font-family: 'chawp';
font-display: fallback;
src: url('../../fonts/chawp.ttf');
src: url('../../fonts/chawp.ttf?#iefix') format('embedded-opentype'),
url('../../fonts/chawp.ttf') format('truetype');
}

Die Schrift wird auf der Seite auch ausgegeben, aber google meckert, dass sie nicht vorab geladen wird.
in der Console sehe ich auch nur, dass die /frontend/_public/src/fonts//shopware.woff?201807181357 aus dem responsive Theme geladen wird.

Was habe ich falsch gemacht, stimmt der Pfad nicht?

2

Hallo,

LESS ist ja kein Smarty / tpl - Dateien, natürlich wird weiterhin auch der LESS - Code aus dem Responsive Theme geladen, das ist ja auch Sinn der Sache, sonst müsste man ja immer alles bei LESS kopieren. LESS - Dateien bzw. dessen Inhalt kannst du also auch nicht überschreiben, sondern nur die CSS - Klasse erweitern, sodass beispielsweise deine Schriftart etc. genommen wird.

Du müsstest also noch irgendwo auch die Schriftart zuweisen (also einer CSS - Klasse), sonst kann sie ja wohl kaum irgendwo angewendet werden.

Grüße

Sebastian

3

Hallo Sebastian, 
die Schrift wird ja angewendet. Ich habe sie auch in der my-styles.css zugewiesen.
 

.content--emotions-tafel{
font-family: 'chawp';
    line-height: 1.5;
}

 

4

Hallo,

das ist ja aus dem Code oben nicht ersichtlich gewesen. Wenn Sie angewendet wird, wo ist da jetzt das Problem? Als erstes wird logischerweise immer die Shopware - Schriftart geladen (durch das Responsive Theme, von dem das eigene Theme ableitet), dann wird diese mit deiner überschrieben.

Grüße

Sebastian