Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Cyberia" data-source="post: 1763499">[GELÖST] Benötige Hilfe finde Fehler nicht CSS &amp; WebfontsIch wollte Webfonts lokal speichern und dann in einer CSS Datei einbinden. Als erstes wollte ich die Überschriften h1 und h2 mit der gewählten Schriftart versehen. Aber irgendwas ist wohl falsch, denn er übernimmt das nicht. Ich weiß ehrlich gesagt auch nicht genau wo die Files liegen müssen und welche Endungen sie haben müssen, weil da sind mehr als nur eine Datei bei der runter geladenen Schriftart dabei.Könnt ihr mir da vielleicht helfen, mich macht das echt Wahnsinnig, weil ich den Fehler nicht finde!? <img src="/styles/default/xenforo/smilies/motz.gif"&nbsp; class="smilie" loading="lazy" alt=":motz:" title="Motz&nbsp; &nbsp; :motz:" data-shortname=":motz:" />GELÖST: Lösung steht am Ende dieses BeitragesMeine CSS DateiMeine HTML DateiDie LösungSo war es falsch, das @font-face hatte ich direkt unter das Element hier z.B. die h1 &amp; h2 geschrieben. h1, h2@font-face {&nbsp; &nbsp; font-family: &#039;SnigletRegular&#039;;&nbsp; &nbsp; src: url(&#039;Sniglet-webfont.eot&#039;);&nbsp; &nbsp; src: url(&#039;Sniglet-webfont.eot?iefix&#039;) format(&#039;eot&#039;),&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; url(&#039;Sniglet-webfont.woff&#039;) format(&#039;woff&#039;),&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; url(&#039;Sniglet-webfont.ttf&#039;) format(&#039;truetype&#039;),&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; url(&#039;Sniglet-webfont.svg#webfontz5Sw7deS&#039;) format(&#039;svg&#039;);&nbsp; &nbsp; font-weight: normal;&nbsp; &nbsp; font-style: normal;}Richtig war es dann so, das @font-face habe ich ganz oben ins Dokument geschrieben, nicht unter das Element, welches ich verändern wollte.@font-face {&nbsp; &nbsp;&nbsp; font-family: &#039;SnigletRegular&#039;;&nbsp; &nbsp;&nbsp; src: url(&#039;Sniglet-webfont.eot&#039;);&nbsp; &nbsp;&nbsp; src: url(&#039;Sniglet-webfont.eot?iefix&#039;) format(&#039;eot&#039;),&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; url(&#039;Sniglet-webfont.woff&#039;) format(&#039;woff&#039;),&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; url(&#039;Sniglet-webfont.ttf&#039;) format(&#039;truetype&#039;),&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; url(&#039;Sniglet-webfont.svg#webfontz5Sw7deS&#039;) format(&#039;svg&#039;);&nbsp; &nbsp;&nbsp; font-weight: normal;&nbsp; &nbsp;&nbsp; font-style: normal;&nbsp;}Dann bei dem Element h1 &amp; h2 habe ich folgendes geschrieben um den Font SnigletRegular zu nutzen:h1, h2{font-family: &#039;SnigletRegular&#039;;}Und so ging es dann. <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile&nbsp; &nbsp; :)" loading="lazy" data-shortname=":)" /></blockquote>

[QUOTE="Cyberia, post: 1763499"] [b][GELÖST] Benötige Hilfe finde Fehler nicht CSS & Webfonts[/b] Ich wollte Webfonts lokal speichern und dann in einer CSS Datei einbinden. Als erstes wollte ich die Überschriften h1 und h2 mit der gewählten Schriftart versehen. Aber irgendwas ist wohl falsch, denn er übernimmt das nicht. Ich weiß ehrlich gesagt auch nicht genau wo die Files liegen müssen und welche Endungen sie haben müssen, weil da sind mehr als nur eine Datei bei der runter geladenen Schriftart dabei. Könnt ihr mir da vielleicht helfen, mich macht das echt Wahnsinnig, weil ich den Fehler nicht finde!? :motz: [B][COLOR=Green] GELÖST: Lösung steht am Ende dieses Beitrages[/COLOR][/B] Meine CSS Datei Meine HTML Datei [COLOR=Green] [/COLOR][SIZE=4][COLOR=Green]Die Lösung[/COLOR][/SIZE] So war es falsch, das @font-face hatte ich direkt unter das Element hier z.B. die h1 & h2 geschrieben. [COLOR=Red] h1, h2 @font-face { font-family: 'SnigletRegular'; src: url('Sniglet-webfont.eot'); src: url('Sniglet-webfont.eot?iefix') format('eot'), url('Sniglet-webfont.woff') format('woff'), url('Sniglet-webfont.ttf') format('truetype'), url('Sniglet-webfont.svg#webfontz5Sw7deS') format('svg'); font-weight: normal; font-style: normal; }[/COLOR] Richtig war es dann so, das @font-face habe ich ganz oben ins Dokument geschrieben, nicht unter das Element, welches ich verändern wollte. [COLOR=Green]@font-face { font-family: 'SnigletRegular'; src: url('Sniglet-webfont.eot'); src: url('Sniglet-webfont.eot?iefix') format('eot'), url('Sniglet-webfont.woff') format('woff'), url('Sniglet-webfont.ttf') format('truetype'), url('Sniglet-webfont.svg#webfontz5Sw7deS') format('svg'); font-weight: normal; font-style: normal; }[/COLOR] Dann bei dem Element h1 & h2 habe ich folgendes geschrieben um den Font SnigletRegular zu nutzen: [COLOR=Green] h1, h2 { [/COLOR][COLOR=Green]font-family: 'SnigletRegular'; }[/COLOR] Und so ging es dann. :) [/QUOTE]

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

Authentifizierung

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