style.css - einen zusätzlichen Font ins Theme einbauen

seniormartinez

Hallo ihr lieben!
Das Thema Fonts lässt mich nicht los.....

Also, ich möchte (am allerliebsten) einen zusätzlichen Font (Crimson) in meine Theme (Vantage) einfügen.

Das Einbetten per @font-face hat soweit geklappt.

Wenn ich im style.css die font-family auf die Crimson umstelle:

Code

font-family: "Conv_CrimsonText", "Times New Roman", Times, serif;

dann ist die Arial aus der Wedsite komplett verschwunden. Da ich aber sowohl die Sans-serifs haben will, als auch meine Texte mit der Crimson verfassen will, würde ich gern beide Fonts drinhaben.

Meine Frage:

Ist der Code im style.css so korrekt?:

Code

body,


button,


input,


select,


textarea {


    color: #333;


    font-family: "Conv_CrimsonText", "Times New Roman", Times, serif;


    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;


    font-size: 13px;


    line-height: 1.5em;


    word-wrap: break-word;


}

Alles anzeigen

Liebe grüße und Danke im Voraus!

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

seniormartinez

oder besser so?

Code

body,


button,


input,


select, {


    color: #333;


    font-family: Arial;


    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;


    font-size: 13px;


    line-height: 1.5em;


    word-wrap: break-word;


}






textarea {
    
    color: #333;


    font-family: "Conv_CrimsonText", "Times New Roman", Times, serif;


    font-size: 13px;


    line-height: 1.5em;


    word-wrap: break-word;


}

Alles anzeigen

seniormartinez

hm, geht nicht. Arial ist komplett weg. Ich glaub ich probier's erstmal ohne Arial ...

:neutral:

Melewo

Zitat von seniormartinez

hm, geht nicht.

Code

font-family: "Conv_CrimsonText", "Times New Roman", Times, serif;


font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

Ich denke Du verstehst das Prinzip nicht, könnte das sein?
Was sollte da geladen werden?
Einmal in Worten:

Code

font-family: "Conv_CrimsonText", 
                 "Times New Roman" [I](Ersatz, lade Times New Roman falls Conv_CrimsonText nicht vorhanden)[/I], 
                 Times [I](Ersatz, ladeTimes  falls und Times New Roman nicht vorhanden)[/I], 
                 sans-serif [I](Ersatz, lade sans-serif falls Conv_CrimsonText und Times New Roman und Times nicht vorhanden)[/I];


font-family: "Helvetica Neue [I](Irrtum, beginne noch einmal von vorn mit einer anderen Auswahl)[/I] ", 
                 ... Nun das Spiel erneut ...

Einen anderen Font könntest Du über CSS Klassen zuweisen.

seniormartinez

Hi Melewo,
hab grad erst deine Antwort gesehen, danke ...

so besser?:

Code

/* Consistent fonts across all elements */




body,
button,
textarea,
input,
select {
    color: #333;
    font-family: "Conv_CrimsonText-Roman", serif;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.5em;
    word-wrap: break-word;
}
#comments .commentlist article .comment-author cite {
    font-family: "Conv_CrimsonText-Roman", serif;
    font-style: normal;
}
b,
strong {
    font-family: "Conv_CrimsonText-Bold", serif;
    font-weight: normal;
}


dfn,
cite,
em,
i {
    font-family: "Conv_CrimsonText-Italic", serif;
    font-style: normal;
}
b dfn, strong dfn,
b cite, strong cite,
b em, strong em,
b i, strong i,
dfn b, dfn strong,
cite b, cite strong,
em b, em strong,
i b, i strong {
    font-family: "Conv_CrimsonText-BoldItalic", serif;
    font-style: normal;
}

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

style.css - einen zusätzlichen Font ins Theme einbauen

Jetzt mitmachen!