Fragen zur Verwendung von Font-Face
bearbeitet von einsiedlerHallo liebe Forumer,
ich habe mal Fragen zu Font-Face:
Wie ist nun die korrekte Reihenfolge der Angaben ohne das ich Fehlermeldungen
im Dev-Tool von 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](/images/8ee4849a-30fa-11eb-8584-b42e9947ef30.jpg?size=medium)](/images/8ee4849a-30fa-11eb-8584-b42e9947ef30.jpg)
In meiner .htaccess steht u.a. folgende Zeile:
~~~ CSS
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:
~~~ CSS
@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
Fragen zur Verwendung von Font-Face
bearbeitet von einsiedlerHallo liebe Forumer,
ich habe mal Fragen zu Font-Face:
Wie ist nun die korrekte Reihenfolge der Angaben ohne das ich Fehlermeldungen
im Dev-Tool von 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!
[![Def-Tool Fehlermeldung](/images/8ee4849a-30fa-11eb-8584-b42e9947ef30.jpg?size=medium)](/images/8ee4849a-30fa-11eb-8584-b42e9947ef30.jpg)
In meiner .htaccess steht u.a. folgende Zeile:
~~~ CSS
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:
~~~ CSS
@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
Fragen zur Verwendung von Font-Face
bearbeitet von einsiedlerHallo liebe Forumer,
ich habe mal Fragen zu Font-Face:
Wie ist nun die korrekte Reihenfolge der Angaben ohne das ich Fehlermeldungen
im Dev-Tool von Firefox erhalte. Nur da, im Firefox, da läuft etwas falsch.
Im Edge, ja sogar im IE, Opera und Chrome werden keine Fehlermeldungen in der
Konsole angezeigt. Komisch.
[![Def-Tool Fehlermeldung](/images/8ee4849a-30fa-11eb-8584-b42e9947ef30.jpg?size=medium)](/images/8ee4849a-30fa-11eb-8584-b42e9947ef30.jpg)
In meiner .htaccess steht u.a. folgende Zeile:
~~~ CSS
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:
~~~ CSS
@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
Fragen zur Verwendung von Font-Face
bearbeitet von einsiedlerHallo liebe Forumer,
ich habe mal Fragen zu Font-Face:
Wie ist nun die korrekte Reihenfolge der Angaben ohne das ich Fehlermeldungen
im Dev-Tool von Firefox erhalte. Nur da, im Firefox, da läuft etwas falsch.
Im Edge, ja sogar im IE, Opera und Chrome werden keine Fehlermeldungen in der
Konsole angezeigt. Komisch.
[![Def-Tool Fehlermeldung](/images/8ee4849a-30fa-11eb-8584-b42e9947ef30.jpg?size=medium)](/images/8ee4849a-30fa-11eb-8584-b42e9947ef30.jpg)
In meiner .htaccess steht u.a. folgende Zeile:
~~~ CSS
Header set Content-Security-Policy "default-src 'self'; font-src 'self'; img-src 'self'; media-src 'self' https://tassilosturm.de; 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:
~~~ CSS
@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