Fragen und Antworten » Webfont für Forenlinks

13.03.2021 11:27 (zuletzt bearbeitet: 13.03.2021 11:35)

High Hopes
#1 Webfont für Forenlinks - CSS greift nicht.

Hi

Hallo liebe Foren-Bastler!

Ich stehe vor folgendem Problem:
Anhand dieses Themas https:/ /www .hpm-support.de/t537533f11769157-CSS-greift-im-ausgeloggten-Zustand-teilweise-nicht.html hab ich versucht die Forenlinks mittels CSS anzupassen. Dafür würde ich gerne eine WEbfont nutzen. Diese habe ich versucht anhand dieser Anleitung https:/ /www. hpm-support.de/blog-e95-Google-Webfonts-in-nur-Schritten-im-Xobor-Forum-einbinden.html#com einzubinden. Zwar sieht der Link anders aus als im Beispiel, aber ansonsten hab ich alle Schritte befolgt.
Das ist mein CSS:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
.forumtitle {
background-color: #054f21;
color: #CCCCCC !important;
font-family: 'Cinzel', serif;
text-transform: lowercase;
font-size: 20px;
text-decoration: overline underline dotted 1px;
letter-spacing: 1pt;
}
.c_r_top1, .c_r_top1 div,.c_r_bottom1,.c_r_bottom1 div,.c_r_top3, .c_r_top3 div,.c_r_top1_head,.c_r_top1_head div,.c_r_top2, .c_r_top2 div,.c_r_bottom2,.c_r_bottom2 div, .c_r_bottom3, .c_r_bottom3 div { 
background-image:none !important;
}
.c_r_content1,.c_r_content2,.c_r_content3 {
padding:20px !important;background-image:none !important; border: 2px double #184a30;
}
 
font-family: 'Cinzel', serif;
 
 

Mir ist bewusst, dass die Schrift-Definition da unten so rumschwebt. Aber wenn ich sie oben einfüge, wird scheinbar der ganze Rest ignoriert?

Der Inhalt der Kopfziele sieht so aus

1
2
3
 
<link rel="preconnect" href="https: //fonts.gstatic.com">
<link href="https: //fonts.googleapis.com/css2?family=Cinzel&display=swap" rel="stylesheet"> 
<center><a href="https: //highhopes.xobor.de/"><img src="//files.homepagemodules.de/b851713/a_4_b47b29ce.png"  width="1200px" height="600px" /></a><center>
 

Dort hab ich einfach versucht den Font-Link wie in der Anleitung einzufügen.

Bei Schriften unter Farben & Einstellungen - Schrift steht das folgende:

1
 
Arial, Tahoma, Calibri, Verdana, Geneva, sans-serif, Cinzel

Trotzdem werden die Links nicht in der gewählten Schrift angezeigt. Woran liegt das? Ich finde den Fehler nicht und weiß nicht, was ich anders machen muss. DIe Leerzeichen in den Links sind selbstverständlich nicht in den Codes. Ich bitte das zu entschuldigen. Anders konnte ich das Thema nicht posten.
Deshalb bitte ich um eure Hilfe.
Das Template hab ich noch nicht angepasst wie in dem ersten Link erklärt. Aber für mich als angemeldeten User müsste das CSS ja unabhängig davon die Schrift verändern und das tut es leider nicht.

Könnt ihr mir helfen?

Liebe Grüße von einem verzweifelnden Admin

highhopes.xobor.de/ Forumnr: 851713 - Template Gaia

Antworten

Beitrag melden

#2

13.03.2021 18:07 (zuletzt bearbeitet: 13.03.2021 18:10)

Olaf
#2 RE: Webfont für Forenlinks - CSS greift nicht.

Ol

Olaf

Meine Finger haben mal wieder gejuckt und ich habe festgestellt,das zwar die Schriftart "Cinzel" ist in Deinem Forum geladen ist,ist aber in der CSS in der Klasse "forumtitle" nicht gesetzt.Wenn Du sie in der Klasse "forumtitle" einsetzt,dann wird sie auch dort erscheinen.

1
2
3
4
5
6
7
8
9
 
.forumtitle {
font-family: 'Cinzel', serif;
background-color: #054f21;
color: #CCCCCC !important;
font-size: 30px;
text-decoration: none;
letter-spacing: 0pt;
}
 
 

Nebenbei habe ich noch entdeckt,das Deine Schriftarten in der CSS nicht richtig gesetzt sind.

1
2
3
4
5
6
7
8
9
10
11
12
13
 
.body { 
font-family: 'Allura', cursive;
font-family: 'Amatic SC', cursive;
font-family: 'Bebas Neue', cursive;
font-family: 'Cinzel', serif;
font-family: 'Cormorant Unicase', serif;
font-family: 'Dancing Script', cursive;
font-family: 'Great Vibes', cursive;
font-family: 'Parisienne', cursive;
font-family: 'Reenie Beanie', cursive;
font-family: 'Satisfy', cursive;
}
 
 

Entweder Du setzt die Schriftarten in der CSS mit "@import url('https://fonts.googleapis.com/css?family=DEINE SCHRIFTART');" oder in der Kopfzeile mit "<link href="https://fonts.googleapis.com/css?family=DEINE SCHRIFRART" rel="stylesheet"> "ein.Infos dazu gibt es jede Menge im Internet.

Nur zur Info:
Wobei der Fehler in der Template immer noch besteht,das die Klasse "forumtitle" im ausgeloggten Zustand nicht geladen wird.
CSS greift im ausgeloggten Zustand teilweise nicht?!
Seidenn es ist von den Programmierern so gewollt,was ich mir aber nicht denken kann.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

Antworten

Beitrag melden

#3

13.03.2021 18:14

High Hopes
#3 RE: Webfont für Forenlinks - CSS greift nicht.

Hi

High Hopes

Hallo Olaf,

danke für die Antwort.
Mittlerweile hab ich die Schriftart aus dem CSS genommen und das Problem anders angegangen - über den Link des jeweiligen Forums.
In der CSS hab ich es dementsprechend rausgenommen, weil es nichts gendert hat als es drin stand. Das ursprüngliche CSS war oben im Beitrag zu sehen. :)

In der Kopfzeile sind die Schriftarten mit dem Link von Google-Fonts eingesetzt.
In der CSS hab ich versucht das umzusetzen, was in dem Tutorial stand. Da stand nämlich, dass man sie in die Kopfzeile und ins CSS einsetzen muss? Wenn ich dich richtig verstanden habe, reicht eines und ich kann den CSS Eintrag löschen?

Danke für den Hinweis zum Template. Zum Glück gibt es dafür deine wunderbare Anleitung in dem Thema. Ich werd's verändern sobald ich den Rest des Styles komplettiert habe. Damit die Anziege für Gäste die gleiche ist.