Fragen zur Verwendung von Font-Face

[einsiedler]

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:

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

[Rolf B]

Hallo einsiedler,

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

Halte doch mal die Maus (also nein, nicht die Maus, sondern den Mauszeiger) über die angezeigten Sourcen, die den Fehler werfen. Ein preload.js ist nicht von Dir. Das ist nicht dein Code.

Wenn ich deine Seite im Fuchs aufrufe, mault er ähnlich rum, aber in common.js. Und die gehört dem Tampermonkey. Wenn ich den deaktiviere, sind die Fehler weg. Hast Du den nur im Fuchs installiert, oder auch in Edge, Chrome und Opera?

Das ist nicht Dein Kreuz. Ich bekomme solche Meldungen auch wenn ich das SelfForum aufrufe. Wie ist es bei Dir?

Deine Font-Fragen kann ich nicht beantworten.

Rolf

[einsiedler]

Hallo Rolf,

danke für Deine Antworten.

Nee, die preload.js ist nicht von mir. Das muss wohl zum FF gehören.

Jedenfalls werden die CSP Fehler nicht im "privaten Modus" vom FF angezeigt.

Und auch nicht in einem der anderen Browsern (siehe meinen ersten post)!

Tatsächlich , ich habe die self-Seite auch im FF geöffnet, und dort treten auch CSP Fehler auf.

Das liegt dann ja wohl am FF (derzeit Version 83.0) ABER in der direkten vorgänger Version (vom FF) da gab es keine CSP Fehler, nun aber wieder. Da muss wohl was gefixxt werde. Villeicht kommen die darauf oder man muss es denen mal melden.

Danke Dir und Grüße der einsiedelnde

[Gunnar Bittersmann]

@@einsiedler

Tatsächlich , ich habe die self-Seite auch im FF geöffnet, und dort treten auch CSP Fehler auf.

Bei mir nicht, weder bei SELFHTML noch bei deiner Seite.

😷 LLAP

[einsiedler]

Habe ich mir da etwas "eingefangen"?

Jedenfalls ist im Ordner "js" auf dem Server nur meine jquery.min.js und smooth-scroll.js und nichts anderes. Villeicht versteckt.

Gruß T.

[Rolf B]

Hallo einsiedler,

man könnte annehmen, dass im Private Mode der Tampermonkey nicht läuft.

Gunnar? Verwendest Du den?

Vielleicht hat sich auch irgendwas geändert, dass das Plugin ein Update braucht.

Rolf

[Gunnar Bittersmann]

@@Rolf B

man könnte annehmen, dass im Private Mode der Tampermonkey nicht läuft.

Gunnar? Verwendest Du den?

Selber Vortrag, Folie 7 😎

😷 LLAP

[Gunnar Bittersmann]

@@einsiedler

Mein CSS sieht so aus und dazu meine Fragen:

Folie 2 von „FOIT, FOUT, FUCK“ sollte deine Fragen beantworten.

a) MeinSuperFont.eot ist für den Firefox wichtig

?? Nein. Alles außer WOFF2/WOFF weg.

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

Kann zu Problemen führen. Eher nicht machen.

Das wäre es eigentlich.

Nö, ich hätte da noch eine Frage: Hast du eine Lizenz, die dir gestattet, Calibri als Webfont anzubieten?

Vermutlich nicht, also schleunigst weg damit!

Du kannst natürlich Calibri in deinem Fontstack haben. Bei Nutzern, die Calibri lokal installiert haben, wird die dann verwendet. Die Lizenz dafür haben die Nutzer, nicht du.

😷 LLAP

[einsiedler]

Nabend liebe Forumer,

ihr werdet es nicht glauben, ich weiß nun wie es zu den CSP Fehlern gekommen ist,

in meinem Firefox war das AddOn AdblockerUltimate installiert das das verursacht hatte. Daher auch dieser komische .js Code der von AdBlocker stammt. Nun habe ich das deinstalliert und stattdessen (das normale) AdBlock installiert, nun ist die Console "ruhig". Komisch, komisch...

Und danke Gunnar für die Tipps. Nun mach ich es genau so. Ach, und woff2 vor woff, richtig?

Achso, @Gunnar wären die Fonts maven-pro und ubuntu eine bessere Wahl oder was gäbe es für schöne schlichte (kostenlose) Fonts, wo aber das g unten nicht so schnörkelig ist.

Gut, euch noch einen schönen 1ten Advent.

Grüße Tassilo