einsiedler: Fragen zur Verwendung von Font-Face

Beitrag lesen

Hallo liebe Forumer, ich habe mal Fragen zu Font-Face:

Wie ist nun die korrekte Reihenfolge der Angaben ohne das ich Fehlermeldungen im Dev-Tool vom Firefox erhalte. Nur da, im Firefox, da läuft etwas falsch. Komischer weise, wenn ich meine Seite aber in einem privaten Fenster (vom FF) öffne, werden keine Fehler in der Konsole angezeigt.

Im Edge, ja sogar im IE, Opera und Chrome werden keine Fehlermeldungen in der Konsole angezeigt. Komisch nicht!

Mir wird gesagt: Def-Tool Fehlermeldung

In meiner .htaccess steht u.a. folgende Zeile:

Header set Content-Security-Policy "default-src 'self'; font-src 'self'; img-src 'self'; media-src 'self'  https://meinetolleseite.art; script-src 'self'; style-src 'self' 'unsafe-inline'; frame-ancestors 'none'; base-uri 'self'; form-action 'self'"

Mein CSS sieht so aus und dazu meine Fragen:

@font-face {
	font-family: 'MeinSuperFont';
		font-weight: 100;
		font-style: normal;
		font-display: swap;
		src:	url('https://meinewebseite.art/media.php?src=/web-fonts/MeinSuperFont/MeinSuperFont.eot');
		src:	url('https://meinewebseite.art/media.php?src=/web-fonts/MeinSuperFont/MeinSuperFont.eot?#iefix') format('embedded-opentype'),
			url('https://meinewebseite.art/media.php?src=/web-fonts/MeinSuperFont/MeinSuperFont.woff2') format('woff2'),
			url('https://meinewebseite.art/media.php?src=/web-fonts/MeinSuperFont/MeinSuperFont.woff') format('woff'),
			url('https://meinewebseite.art/media.php?src=/web-fonts/MeinSuperFont/MeinSuperFont.ttf') format('truetype'),			
			url('https://meinewebseite.art/media.php?src=/web-fonts/MeinSuperFont/MeinSuperFont.svg#MeinSuperFont') format('svg');			
}

a) MeinSuperFont.eot ist für den Firefox wichtig, ansonsten orientiert sich der FF an MeinSuperFont.woff

b) Ist die Zeile: src: url('https://meinewebseite.art/media.php?src=/web-fonts/MeinSuperFont/MeinSuperFont.eot?#iefix') format('embedded-opentype'),

das mit dem #iefix heute noch notwendig, im LOG sehe ich das das nicht gefunden wurde und gibt immer eine 404 aus. Also kann das weg?

c) woff2 vor woff? Ist das richtig?

d) Ich hatte vorher noch die Zeile src: local('MeinSuperFont'),

eingefügt und dachte, das ist die Ursache für den CSP Fehler.

1--Kann das auch einen CSP Fehler verursachen?

2--Ist es wichtig den Font auch Local einzubinden?

Das wäre es eigentlich. Ist eigentlich dumm so etwas einfaches zu Fragen, ich komme da irgendwie weiter.

Dank und Gruß der einsiedelnde