tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/70230-fehler-font-display
RockSolid Themes: Discussion
2021-10-07T07:41:19Z
tag:help.rocksolidthemes.com,2012-07-23:Comment/49418814
2021-10-05T11:53:40Z
2021-10-05T11:53:40Z
Fehler: font-display
<div><p>Vielen Dank für Ihre Frage.</p>
<p>Mit folgendem CSS-Code sollten Sie die Schriftart in der custom.css-Datei überschreiben können:</p>
<pre>
<code>@font-face {
font-family: "RockSolid Icons";
src: url("../fonts/rocksolid-icons.woff");
font-display: swap;
}</code>
</pre></div>
RockSolid Themes
tag:help.rocksolidthemes.com,2012-07-23:Comment/49418814
2021-10-05T20:17:16Z
2021-10-05T20:17:20Z
Fehler: font-display
<div><p>Leider funktioniert das noch nicht – Lighthouse akzeptiert "font-display: swap;" nicht.<br>
Siehe Anhang. Vielen Dank für eure Bemühungen.</p></div>
D.
tag:help.rocksolidthemes.com,2012-07-23:Comment/49418814
2021-10-06T08:11:59Z
2021-10-06T08:11:59Z
Fehler: font-display
<div><p>Hierbei scheint es sich um einen Fehler in Lighthouse zu handeln. Ihr <code>@font-face</code>-Code aus der custom.css wird jedenfalls angewendet, das können Sie testen indem Sie z. B. <code>size-adjust: 50%;</code> hinzufügen und die Größe der Icons prüfen.</p></div>
RockSolid Themes
tag:help.rocksolidthemes.com,2012-07-23:Comment/49418814
2021-10-06T19:30:44Z
2021-10-06T19:30:46Z
Fehler: font-display
<div><p>Danke für die Antwort.<br>
verwunderlich ist es dennoch, denn in meiner custom.css werden die<br>
Definitionen</p>
<p>@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 500; font-display: swap; src: url('/files/luxe/fonts/cormorant-garamond-v10-latin-500.eot'); /* IE9 Compat Modes <em>/ src: local(''), url('/files/luxe/fonts/cormorant-garamond-v10-latin-500.eot?#iefix')<br>
format('embedded-opentype'), /</em> IE6-IE8 <em>/<br>
url('/files/luxe/fonts/cormorant-garamond-v10-latin-500.woff2')<br>
format('woff2'), /</em> Super Modern Browsers <em>/<br>
url('/files/luxe/fonts/cormorant-garamond-v10-latin-500.woff')<br>
format('woff'), /</em> Modern Browsers <em>/<br>
url('/files/luxe/fonts/cormorant-garamond-v10-latin-500.ttf') format('truetype'), /</em> Safari, Android, iOS <em>/<br>
url('/files/luxe/fonts/cormorant-garamond-v10-latin-500.svg#CormorantGaramond')<br>
format('svg'); /</em> Legacy iOS <em>/<br>
} @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url('/files/luxe/fonts/montserrat-v18-latin-regular.eot'); /</em> IE9 Compat Modes <em>/<br>
src: local(''), url('/files/luxe/fonts/montserrat-v18-latin-regular.eot?#iefix')<br>
format('embedded-opentype'), /</em> IE6-IE8 <em>/<br>
url('/files/luxe/fonts/montserrat-v18-latin-regular.woff2') format('woff2'), /</em> Super Modern Browsers <em>/<br>
url('/files/luxe/fonts/montserrat-v18-latin-regular.woff') format('woff'), /</em> Modern Browsers <em>/<br>
url('/files/luxe/fonts/montserrat-v18-latin-regular.ttf') format('truetype'), /</em> Safari, Android, iOS <em>/<br>
url('/files/luxe/fonts/montserrat-v18-latin-regular.svg#Montserrat')<br>
format('svg'); /</em> Legacy iOS */<br>
} font-display: swap; von Lighthouse erkannt. Hingegen wird</p>
<p>|@font-face { font-family: "RockSolid Icons"; src: url("../fonts/rocksolid-icons.woff"); font-display: swap; }|</p>
<p>nicht erkannt und oben gezeigte Warnung ausgegegeben. Hm …</p>
<p>freundliche Grüße<br>
Detlef Zille</p>
<p>Reicker Straße 90<br>
01237 Dresden<br>
Tel.: 0351 459 1333<br>
<a href="http://www.zille-foto.de">www.zille-foto.de</a> <a href="https://zille-foto.de/">https://zille-foto.de/</a></p></div>
Zille-Foto