Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Foos" data-source="post: 2774355" data-attributes="member: 72189">Hey Leute, meine klassische HTML/CSS Website lädt die Fonts, welche ich mit @fontface eingesetzt habe nicht mehr. Könntet ihr mal sehen, ob ich etwas übersehen habe?Die Seite wäre hier: <a href="https://bit.ly/3yQQIxJ" target="_blank">kfo.de</a>Im Head hab ich den css Link: <code class="bbCodeInline">&nbsp; &lt;link rel=&quot;stylesheet&quot; href=&quot;fonts.css&quot;&gt;</code>Und der CSS Code ist dann wie folgt: <code class="bbCodeInline"></code><code class="bbCodeInline">/* public-sans-100 - latin */</code><code class="bbCodeInline">@font-face {</code><code class="bbCodeInline">&nbsp; font-family: &#039;Public Sans&#039;;</code><code class="bbCodeInline">&nbsp; font-style: normal;</code><code class="bbCodeInline">&nbsp; font-weight: 100;</code><code class="bbCodeInline">&nbsp; src: url(&#039;fonts/public-sans-v14-latin-100.eot&#039;); /* IE9 Compat Modes */</code><code class="bbCodeInline">&nbsp; src: local(&#039;&#039;),</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-100.eot?#iefix&#039;) format(&#039;embedded-opentype&#039;), /* IE6-IE8 */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-100.woff2&#039;) format(&#039;woff2&#039;), /* Super Modern Browsers */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-100.woff&#039;) format(&#039;woff&#039;), /* Modern Browsers */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-100.ttf&#039;) format(&#039;truetype&#039;), /* Safari, Android, iOS */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-100.svg#PublicSans&#039;) format(&#039;svg&#039;); /* Legacy iOS */</code><code class="bbCodeInline">}</code><code class="bbCodeInline">/* public-sans-200 - latin */</code><code class="bbCodeInline">@font-face {</code><code class="bbCodeInline">&nbsp; font-family: &#039;Public Sans&#039;;</code><code class="bbCodeInline">&nbsp; font-style: normal;</code><code class="bbCodeInline">&nbsp; font-weight: 200;</code><code class="bbCodeInline">&nbsp; src: url(&#039;fonts/public-sans-v14-latin-200.eot&#039;); /* IE9 Compat Modes */</code><code class="bbCodeInline">&nbsp; src: local(&#039;&#039;),</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-200.eot?#iefix&#039;) format(&#039;embedded-opentype&#039;), /* IE6-IE8 */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-200.woff2&#039;) format(&#039;woff2&#039;), /* Super Modern Browsers */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-200.woff&#039;) format(&#039;woff&#039;), /* Modern Browsers */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-200.ttf&#039;) format(&#039;truetype&#039;), /* Safari, Android, iOS */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-200.svg#PublicSans&#039;) format(&#039;svg&#039;); /* Legacy iOS */</code><code class="bbCodeInline">}</code><code class="bbCodeInline">/* public-sans-300 - latin */</code><code class="bbCodeInline">@font-face {</code><code class="bbCodeInline">&nbsp; font-family: &#039;Public Sans&#039;;</code><code class="bbCodeInline">&nbsp; font-style: normal;</code><code class="bbCodeInline">&nbsp; font-weight: 300;</code><code class="bbCodeInline">&nbsp; src: url(&#039;fonts/public-sans-v14-latin-300.eot&#039;); /* IE9 Compat Modes */</code><code class="bbCodeInline">&nbsp; src: local(&#039;&#039;),</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-300.eot?#iefix&#039;) format(&#039;embedded-opentype&#039;), /* IE6-IE8 */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-300.woff2&#039;) format(&#039;woff2&#039;), /* Super Modern Browsers */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-300.woff&#039;) format(&#039;woff&#039;), /* Modern Browsers */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-300.ttf&#039;) format(&#039;truetype&#039;), /* Safari, Android, iOS */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-300.svg#PublicSans&#039;) format(&#039;svg&#039;); /* Legacy iOS */</code><code class="bbCodeInline">}</code><code class="bbCodeInline">/* public-sans-regular - latin */</code><code class="bbCodeInline">@font-face {</code><code class="bbCodeInline">&nbsp; font-family: &#039;Public Sans&#039;;</code><code class="bbCodeInline">&nbsp; font-style: normal;</code><code class="bbCodeInline">&nbsp; font-weight: 400;</code><code class="bbCodeInline">&nbsp; src: url(&#039;fonts/public-sans-v14-latin-regular.eot&#039;); /* IE9 Compat Modes */</code><code class="bbCodeInline">&nbsp; src: local(&#039;&#039;),</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-regular.eot?#iefix&#039;) format(&#039;embedded-opentype&#039;), /* IE6-IE8 */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-regular.woff2&#039;) format(&#039;woff2&#039;), /* Super Modern Browsers */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-regular.woff&#039;) format(&#039;woff&#039;), /* Modern Browsers */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-regular.ttf&#039;) format(&#039;truetype&#039;), /* Safari, Android, iOS */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-regular.svg#PublicSans&#039;) format(&#039;svg&#039;); /* Legacy iOS */</code><code class="bbCodeInline">}</code><code class="bbCodeInline">/* public-sans-500 - latin */</code><code class="bbCodeInline">@font-face {</code><code class="bbCodeInline">&nbsp; font-family: &#039;Public Sans&#039;;</code><code class="bbCodeInline">&nbsp; font-style: normal;</code><code class="bbCodeInline">&nbsp; font-weight: 500;</code><code class="bbCodeInline">&nbsp; src: url(&#039;fonts/public-sans-v14-latin-500.eot&#039;); /* IE9 Compat Modes */</code><code class="bbCodeInline">&nbsp; src: local(&#039;&#039;),</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-500.eot?#iefix&#039;) format(&#039;embedded-opentype&#039;), /* IE6-IE8 */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-500.woff2&#039;) format(&#039;woff2&#039;), /* Super Modern Browsers */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-500.woff&#039;) format(&#039;woff&#039;), /* Modern Browsers */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-500.ttf&#039;) format(&#039;truetype&#039;), /* Safari, Android, iOS */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-500.svg#PublicSans&#039;) format(&#039;svg&#039;); /* Legacy iOS */</code><code class="bbCodeInline">}</code><code class="bbCodeInline">/* public-sans-600 - latin */</code><code class="bbCodeInline">@font-face {</code><code class="bbCodeInline">&nbsp; font-family: &#039;Public Sans&#039;;</code><code class="bbCodeInline">&nbsp; font-style: normal;</code><code class="bbCodeInline">&nbsp; font-weight: 600;</code><code class="bbCodeInline">&nbsp; src: url(&#039;fonts/public-sans-v14-latin-600.eot&#039;); /* IE9 Compat Modes */</code><code class="bbCodeInline">&nbsp; src: local(&#039;&#039;),</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-600.eot?#iefix&#039;) format(&#039;embedded-opentype&#039;), /* IE6-IE8 */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-600.woff2&#039;) format(&#039;woff2&#039;), /* Super Modern Browsers */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-600.woff&#039;) format(&#039;woff&#039;), /* Modern Browsers */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-600.ttf&#039;) format(&#039;truetype&#039;), /* Safari, Android, iOS */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-600.svg#PublicSans&#039;) format(&#039;svg&#039;); /* Legacy iOS */</code><code class="bbCodeInline">}</code><code class="bbCodeInline">/* public-sans-700 - latin */</code><code class="bbCodeInline">@font-face {</code><code class="bbCodeInline">&nbsp; font-family: &#039;Public Sans&#039;;</code><code class="bbCodeInline">&nbsp; font-style: normal;</code><code class="bbCodeInline">&nbsp; font-weight: 700;</code><code class="bbCodeInline">&nbsp; src: url(&#039;fonts/public-sans-v14-latin-700.eot&#039;); /* IE9 Compat Modes */</code><code class="bbCodeInline">&nbsp; src: local(&#039;&#039;),</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-700.eot?#iefix&#039;) format(&#039;embedded-opentype&#039;), /* IE6-IE8 */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-700.woff2&#039;) format(&#039;woff2&#039;), /* Super Modern Browsers */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-700.woff&#039;) format(&#039;woff&#039;), /* Modern Browsers */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-700.ttf&#039;) format(&#039;truetype&#039;), /* Safari, Android, iOS */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-700.svg#PublicSans&#039;) format(&#039;svg&#039;); /* Legacy iOS */</code><code class="bbCodeInline">}</code><code class="bbCodeInline">/* public-sans-800 - latin */</code><code class="bbCodeInline">@font-face {</code><code class="bbCodeInline">&nbsp; font-family: &#039;Public Sans&#039;;</code><code class="bbCodeInline">&nbsp; font-style: normal;</code><code class="bbCodeInline">&nbsp; font-weight: 800;</code><code class="bbCodeInline">&nbsp; src: url(&#039;fonts/public-sans-v14-latin-800.eot&#039;); /* IE9 Compat Modes */</code><code class="bbCodeInline">&nbsp; src: local(&#039;&#039;),</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-800.eot?#iefix&#039;) format(&#039;embedded-opentype&#039;), /* IE6-IE8 */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-800.woff2&#039;) format(&#039;woff2&#039;), /* Super Modern Browsers */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-800.woff&#039;) format(&#039;woff&#039;), /* Modern Browsers */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-800.ttf&#039;) format(&#039;truetype&#039;), /* Safari, Android, iOS */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-800.svg#PublicSans&#039;) format(&#039;svg&#039;); /* Legacy iOS */</code><code class="bbCodeInline">}</code><code class="bbCodeInline">/* public-sans-900 - latin */</code><code class="bbCodeInline">@font-face {</code><code class="bbCodeInline">&nbsp; font-family: &#039;Public Sans&#039;;</code><code class="bbCodeInline">&nbsp; font-style: normal;</code><code class="bbCodeInline">&nbsp; font-weight: 900;</code><code class="bbCodeInline">&nbsp; src: url(&#039;fonts/public-sans-v14-latin-900.eot&#039;); /* IE9 Compat Modes */</code><code class="bbCodeInline">&nbsp; src: local(&#039;&#039;),</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-900.eot?#iefix&#039;) format(&#039;embedded-opentype&#039;), /* IE6-IE8 */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-900.woff2&#039;) format(&#039;woff2&#039;), /* Super Modern Browsers */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-900.woff&#039;) format(&#039;woff&#039;), /* Modern Browsers */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-900.ttf&#039;) format(&#039;truetype&#039;), /* Safari, Android, iOS */</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp;&nbsp; url(&#039;fonts/public-sans-v14-latin-900.svg#PublicSans&#039;) format(&#039;svg&#039;); /* Legacy iOS */</code><code class="bbCodeInline">}</code><code class="bbCodeInline"></code><code class="bbCodeInline"></code>Ich verstehs einfach nicht <img src="/styles/default/xenforo/smilies/uhm.gif"&nbsp; class="smilie" loading="lazy" alt=":(" title="Frown&nbsp; &nbsp; :(" data-shortname=":(" /></blockquote>

[QUOTE="Foos, post: 2774355, member: 72189"] Hey Leute, meine klassische HTML/CSS Website lädt die Fonts, welche ich mit @fontface eingesetzt habe nicht mehr. Könntet ihr mal sehen, ob ich etwas übersehen habe? Die Seite wäre hier: [URL='https://bit.ly/3yQQIxJ']kfo.de[/URL] Im Head hab ich den css Link: [ICODE] <link rel="stylesheet" href="fonts.css">[/ICODE] Und der CSS Code ist dann wie folgt: [ICODE] /* public-sans-100 - latin */ @font-face { font-family: 'Public Sans'; font-style: normal; font-weight: 100; src: url('fonts/public-sans-v14-latin-100.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/public-sans-v14-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/public-sans-v14-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/public-sans-v14-latin-100.woff') format('woff'), /* Modern Browsers */ url('fonts/public-sans-v14-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/public-sans-v14-latin-100.svg#PublicSans') format('svg'); /* Legacy iOS */ } /* public-sans-200 - latin */ @font-face { font-family: 'Public Sans'; font-style: normal; font-weight: 200; src: url('fonts/public-sans-v14-latin-200.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/public-sans-v14-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/public-sans-v14-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/public-sans-v14-latin-200.woff') format('woff'), /* Modern Browsers */ url('fonts/public-sans-v14-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/public-sans-v14-latin-200.svg#PublicSans') format('svg'); /* Legacy iOS */ } /* public-sans-300 - latin */ @font-face { font-family: 'Public Sans'; font-style: normal; font-weight: 300; src: url('fonts/public-sans-v14-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/public-sans-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/public-sans-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/public-sans-v14-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/public-sans-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/public-sans-v14-latin-300.svg#PublicSans') format('svg'); /* Legacy iOS */ } /* public-sans-regular - latin */ @font-face { font-family: 'Public Sans'; font-style: normal; font-weight: 400; src: url('fonts/public-sans-v14-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/public-sans-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/public-sans-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/public-sans-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/public-sans-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/public-sans-v14-latin-regular.svg#PublicSans') format('svg'); /* Legacy iOS */ } /* public-sans-500 - latin */ @font-face { font-family: 'Public Sans'; font-style: normal; font-weight: 500; src: url('fonts/public-sans-v14-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/public-sans-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/public-sans-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/public-sans-v14-latin-500.woff') format('woff'), /* Modern Browsers */ url('fonts/public-sans-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/public-sans-v14-latin-500.svg#PublicSans') format('svg'); /* Legacy iOS */ } /* public-sans-600 - latin */ @font-face { font-family: 'Public Sans'; font-style: normal; font-weight: 600; src: url('fonts/public-sans-v14-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/public-sans-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/public-sans-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/public-sans-v14-latin-600.woff') format('woff'), /* Modern Browsers */ url('fonts/public-sans-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/public-sans-v14-latin-600.svg#PublicSans') format('svg'); /* Legacy iOS */ } /* public-sans-700 - latin */ @font-face { font-family: 'Public Sans'; font-style: normal; font-weight: 700; src: url('fonts/public-sans-v14-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/public-sans-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/public-sans-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/public-sans-v14-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/public-sans-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/public-sans-v14-latin-700.svg#PublicSans') format('svg'); /* Legacy iOS */ } /* public-sans-800 - latin */ @font-face { font-family: 'Public Sans'; font-style: normal; font-weight: 800; src: url('fonts/public-sans-v14-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/public-sans-v14-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/public-sans-v14-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/public-sans-v14-latin-800.woff') format('woff'), /* Modern Browsers */ url('fonts/public-sans-v14-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/public-sans-v14-latin-800.svg#PublicSans') format('svg'); /* Legacy iOS */ } /* public-sans-900 - latin */ @font-face { font-family: 'Public Sans'; font-style: normal; font-weight: 900; src: url('fonts/public-sans-v14-latin-900.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/public-sans-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/public-sans-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/public-sans-v14-latin-900.woff') format('woff'), /* Modern Browsers */ url('fonts/public-sans-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/public-sans-v14-latin-900.svg#PublicSans') format('svg'); /* Legacy iOS */ } [/ICODE] Ich verstehs einfach nicht :( [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?