CSS font-face
 

Hallo zusammen,

ich schaffe es leider nicht meine eigene Schrift einzubinden. "Label" und "LabelDB" geht. Hier mein Code:

font-face {
font-family: "YukonGold";
src: url("YukonGold.eot"); /* IE9 Compat Modes */
src: url("YukonGold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("YukonGold.otf") format("opentype"), /* Open Type Font */
url("YukonGold.svg") format("svg"), /* Legacy iOS */
url("YukonGold.ttf") format("truetype"), /* Safari, Android, iOS */
url("YukonGold.woff") format("woff"), /* Modern Browsers */
url("YukonGold.woff2") format("woff2"); /* Modern Browsers */
}
Labelh1 {
font-family: YukonGold;
color: black;
font-size:50px;
font-weight: lighter;
text-align: center;
}
Label {
font-family: Arial;
color: black;
font-size:12px;
font-weight: bold;
text-align: left;
font-style: italic;
}
LabelDB {
font-family: verdana;
color: black;
font-size:12px;
font-weight: bold;
}

Brauche Hilfe. Danke!

Gruss Lothar

es gibt keine Labelh1, Label oder LabelDB Elemente. Lese dich in die Grundlagen von HTML/CSS ein und erstelle semantisch sinnvolles HTML.

Sprich: Erfinde keine Elemente die es nicht gibt.

kann ich nicht die Marken frei definieren? Ist der Code richtig?

Was meinst du mit "marken"? Du meinst HTML Tags?
Du solltest dich auf die bestehenden HTML Elemente beschränken. Du kannst den Elementen jedoch beliebige Klassen vergeben und diese dementsprechend im CSS ansprechen.
Der Code ist also nicht richtig.

edit: und HTML Elemente immer in Kleinbuchstaben schreiben.

mit Marken meinte ich z.B. "Label". Wie muss der Code richtig lauten, damit er funktioniert?

Gruss Lothar

Hier gibt es eine Liste über HTML Elemente:
https://developer.mozilla.org/de/doc...5_element_list

Verwende diese und spreche diese dann mit deinem CSS an. Da siehst du, wie der Code richtig lautet.

edit: Grundlagen für CSS: CSS-Grundlagen | CSS-Lernen.net

noch mehr: https://wiki.selfhtml.org/wiki/CSS/Einstieg_in_CSS

Ist dieser Code wenigstens richtig?

font-face {
font-family: "YukonGold";
src: url("YukonGold.eot"); /* IE9 Compat Modes */
src: url("YukonGold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("YukonGold.otf") format("opentype"), /* Open Type Font */
url("YukonGold.svg") format("svg"), /* Legacy iOS */
url("YukonGold.ttf") format("truetype"), /* Safari, Android, iOS */
url("YukonGold.woff") format("woff"), /* Modern Browsers */
url("YukonGold.woff2") format("woff2"); /* Modern Browsers */
}

Gruss Lothar

So sieht ein font-face code korrekt aus:
https://www.w3schools.com/cssref/css...-face_rule.asp

Wie viele src- dort drinnen enthalten sind ist irrelevant, das passt bei dir.

Geht trotzdem leider nicht.

font-face {
font-family: YukonGold;
src: url(YukonGold.ttf), url(YukonGold.woff);
}
div {
font-family: YukonGold;
color: black;
font-size:50px;
font-weight: lighter;
text-align: center;
}

Aufruf:
<link rel="stylesheet" type="text/css" href="http://www.eurocamping.camp/images/style.css">

und

<p><div>Eurocamping</div></p></td>

Weil dein font-face immer noch falsch ist. Vergleiche den Code direkt mit dem von mir geposteten, dir fehlt ein @

Edit: Außerdem ist dein HTML Code falsch, p-Elemente dürfen keine weiteren blockelemente (wie div) beinhalten. Siehe auch: https://developer.mozilla.org/en-US/...HTML/Element/p unter permitted Content