Anzeige der eingestellten Schriften in Google Chrome |
Angi01
Mitglied
Dabei seit: 05.08.15
Beiträge: 5
Fähigkeiten: WBB3 Fortgeschritten; WBB Lite 1 Anfänger Herkunft: Nähe Reine (Münsterland) Forenversion: 3.1; Lite 1.0
|
|
Hallo zusammen,
falls ich jetzt im falschen Bereich bin, verschiebt bitte meinen Beitrag...
Ich habe ein Style-Testforum, indem ich meine erstellten Styles teste.
Normalerweise gehe ich über Google Chrome ins Internet.
Und da fängt das Problem an...
Meine eingestellten Schriftarten werden mir dort nicht angezeigt.
Gehe ich mit Firefox ins I-net ist das kein Problem...so wie ich die Schriften eingestellt habe,
werden sie mir auch angezeigt.
Z.B. die Schriftart "Courgette", die ich sehr gerne verwende...
Bei Firefox sehe ich sie auch so im ganzen Forum, nicht so bei Google Chrome...
Ich habe mich jetzt damit beholfen, dass ich mir eine Erweiterung -nennt sich "Font
Changer"- im Google Chrome installiert habe. Dort kann ich mir alle möglichen Schriften
anzeigen lassen, aber das ist ja nicht Sinn der Sache, denn es geht mir ja mehr um
diejenigen, die meinen Style nutzen und vll. eine andere Schrift im Forum haben möchten...
Aber gibt es eine andere Lösung?
Die "Courgette" ist ja wahrscheinlich noch relativ bekannt oder beliebt.
Die haben vll. auch viele auf ihrem PC/Laptop.
Ich hätte allerdings auch gerne andere Schriften, die ich mir von Google Fonts runterlade.
Müssen diese Schriften dann beim jeweiligen Nutzer dieser Forenstyles installiert sein?
Ich hoffe, dass ich mich jetzt nicht zu umständlich ausgedrückt habe und jemand mir
einen Tip geben kann.
Habe mein Test-Forum selbst gehostet, komme also auch in Templates etc. rein und
könnte da ggfs. etwas ändern-ergänzen...
Sage schon mal "vielen Dank" für eure Hilfe/Ratschläge oder Tipps
lg Angi
|
|
15.07.16 13:02 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
Angi01
Mitglied
Dabei seit: 05.08.15
Beiträge: 5
Fähigkeiten: WBB3 Fortgeschritten; WBB Lite 1 Anfänger Herkunft: Nähe Reine (Münsterland) Forenversion: 3.1; Lite 1.0
Themenstarter
|
|
Danke für den Link,
Ich weiß allerdings, dass man Schriften per CSS einbinden kann
Ich weiß nur nicht ob ich den Standard-Einbindungs-Link oder den @import-Link
nehmen soll und wo genau ich das Einstellen muss...
Ich hatte es jetzt im Designpack ganz oben im CSS-Code eingebunden, aber damit
wird es mir im Google Chrome trotzdem nicht angezeigt...
Muss ich das vll. in irgendeine Template-Datei einfügen?
|
|
15.07.16 18:07 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
Angi01
Mitglied
Dabei seit: 05.08.15
Beiträge: 5
Fähigkeiten: WBB3 Fortgeschritten; WBB Lite 1 Anfänger Herkunft: Nähe Reine (Münsterland) Forenversion: 3.1; Lite 1.0
Themenstarter
|
|
|
16.07.16 08:22 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
Pigsel
Mitglied
Dabei seit: 05.09.11
Beiträge: 774
Fähigkeiten: WBB Lite 1 Fortgeschritten Forenversion: Lite 1.0
|
|
Meine Mädels haben das so gelöst:
Template headinclude.tpl
code: |
1:
2:
3:
4:
5:
6:
7:
8:
|
{cssfile}
<STYLE TYPE="TEXT/CSS">
<!--
{css}
-->
</STYLE>
<link href='http://fonts.googleapis.com/css?family=Marvel' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Kite+One' rel='stylesheet' type='text/css'> |
|
und dann im CSSFenster des Designpacks dazu die CSS-Class angelegt und entsprechend dem was sie haben wollten (Beispielauszug und nicht zur direkten Umsetzung bei dir möglich! - muss ja angepasst werden wo du es haben magst und wie du es haben magst)
code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
|
.tab-headline {
background: #4b3535;
border-bottom: 3px solid #200000;
padding: 10px;
text-align: center;
font-family: 'Kite One', sans-serif;
font-size: 20px;
color: #d0d0d8;
font-weight: bold;
text-transform: uppercase;
}
.tab-subline {
background: #4b3535;
border-bottom: 3px solid #200000;
padding: 10px;
text-align: center;
font-family: 'Kite One', sans-serif;
font-size: 12px;
color: #d0d0d8;
font-weight: bold;
text-transform: uppercase;
}
.tab-facts {
min-width: 90px;
background: #4b3535;
font-family: 'Kite One', sans-serif;
font-size: 9px;
color: #d0d0d8;
text-transform: uppercase;
text-align: center;
padding: 4px 8px 3px 8px;
display: inline-block;
margin: 5px 5px 0px 5px;
}
.tab-facts-l {
min-width: 90px;
background: #4b3535;
font-family: 'Kite One', sans-serif;
font-size: 9px;
color: #d0d0d8;
text-transform: uppercase;
text-align: center;
padding: 4px 8px 3px 8px;
display: inline-block;
margin: 5px 10px 0px 5px;
float: left;
}
.tab-facts-r {
min-width: 90px;
background: #4b3535;
font-family: 'Kite One', sans-serif;
font-size: 9px;
color: #d0d0d8;
text-transform: uppercase;
text-align: center;
padding: 4px 8px 3px 8px;
display: inline-block;
margin: 5px 5px 0px 10px;
float: right;
}
.tab-links {
width: 140px;
background: #4b3535;
font-family: 'Kite One', sans-serif;
font-size: 9px;
color: #d0d0d8;
text-transform: uppercase;
padding: 2px 8px 1px 8px;
margin: 5px 5px 0px 5px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
a.tab-linki:link, a.tab-linki:visited, a.tab-linki:active {
COLOR: #202020; TEXT-DECORATION: none; text-transform: uppercase; font-size: 15px;
font-weight: bold; font-style: inherit; font-family: 'Marvel', sans-serif;
}
a.tab-linki:hover {
background: #D1D1D6;
color: #606060;
text-shadow: 1px 1px 0px #D1D1D6;
font-size: 15px;
font-family: 'Marvel', sans-serif;
} |
|
und dann muss man natürlich in den Templates wo es entsprechend die Ausgabe ändern soll auch die css-class drin stehen, das es gefunden wird
__________________
Ein Leben ohne CodeBug's ist ein Leben im Paradies
|
|
16.07.16 08:49 |
E-Mail
Finden
Als Freund hinzufügen
|
|
Angi01
Mitglied
Dabei seit: 05.08.15
Beiträge: 5
Fähigkeiten: WBB3 Fortgeschritten; WBB Lite 1 Anfänger Herkunft: Nähe Reine (Münsterland) Forenversion: 3.1; Lite 1.0
Themenstarter
|
|
|
16.07.16 09:18 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
Pigsel
Mitglied
Dabei seit: 05.09.11
Beiträge: 774
Fähigkeiten: WBB Lite 1 Fortgeschritten Forenversion: Lite 1.0
|
|
Zitat: |
Original von Angi01
Danke Pigsel
damit kann ich jetzt doch schon mal mehr mit anfagen
Bei der headinclude.tpl wußte ich jetzt nicht wo genau ich den Google-Link
einbinden sollte, aber dank Dir weiß ich es ja jetzt ... supi *freu*
Im CSS-Code des entspr. Designpacks schaue ich dann mal wo ich die Schrift
einfügen muss oder kann...
Dann noch:
Zitat: |
und dann muss man natürlich in den Templates wo es entsprechend die Ausgabe ändern soll auch die css-class drin stehen, das es gefunden wird |
Es soll eigentlich im ganzen Forum die Schrift zu sehen sein...
Also Kategorien, Foren-Unterforen, Beiträgen etc.
In welchen Templates muss ich denn da etwas ändern?
Hätte noch ne Frage...
Wie kann es sein, dass ich meine eingestellten Schriften im Firefox-Browser sehe und
bei Google Chrome nicht? |
ich will ja der Datenkrake google nichts vorwerfen, aber Chrome ist ein Ersatzteil zum Daten sammeln, kein Browser .. zumal es googlefonts sind und chrome von google gemacht wurde .. das darf theoretisch nicht sein, aber unter Umständen kann man das, wie beim firefox mit der about :config nachsehen, ich kenne Chrome nicht weiter, weil ich wie meine Ausführungen zeigen, nichts von diesen Ersatzteilen halte .. aber das müsste da auch funktionieren. In die Adresszeile eingegeben, sollte dann die browserconfig geöffnet werden und da müsst man dann denk ich Einträge zu "fonts" finden
nebenbei kannst du auch die Schriftarten, wenn sie überall angezeigt werden sollen direkt bei Schriftart1 / 2 eintragen, das würde dann die Einstellungen für globalen Fonts im Forum ändern also pro Style zumindestens .. unter Umständen hilft das bereits
__________________
Ein Leben ohne CodeBug's ist ein Leben im Paradies
|
|
16.07.16 12:51 |
E-Mail
Finden
Als Freund hinzufügen
|
|
Angi01
Mitglied
Dabei seit: 05.08.15
Beiträge: 5
Fähigkeiten: WBB3 Fortgeschritten; WBB Lite 1 Anfänger Herkunft: Nähe Reine (Münsterland) Forenversion: 3.1; Lite 1.0
Themenstarter
|
|
Also ich hab jetzt nochmal gegooglet -es läßt mir ja keine Ruhe- und demnach scheint das
nur ein Problem von Chrome zu sein, dass auf Webseiten etc. die Schriften nicht oder falsch
angezeigt werden...
und wie es ausschaut ist dieses Problem schwer zu beheben...
Es geht ja auch nicht um die Vorlieben des Einzelnen, sondern ums Prinzip,
dass diese Schriften sichtbar sind bzw. sichtbar gemacht werden sollen...
Zusätzl. ist es so, dass mittlerweile der Großteil der Bevölkerung mit Google Chrome,
danach folgt Firefox, ins Internet gehen.
Es geht mir hier speziell um das lite1-Forum, dass dort die eingestellten Schriften
im Google Chrome sichtbar sind und angezeigt werden.
Klar, zuerst muss man diese Schriften auf seinem PC/Laptop installiert haben,
sonst werden sie einem auch nicht angezeigt...ist mir aber klar
oder Dein Vorschlag mit headinclude.tpl und dort die entspr. Schriften einbinden...
kann auf keinen Fall schaden
Mit diesem "about :config" gibt´s auch für Chrome, sorry, aber ich experimentiere nicht
mit etwas herum wenn ich mich damit nicht auskenne...ist beim Chrome auch alles noch
sehr instabil und ich will mir da nix abschießen....
Die Schriftarten im Forum hatte ich bereits eingegeben, aber sie wurden mir nicht
angezeigt im Chrome...dass ich da etwas ändern kann, weiß ich...ich habe schon
mehrere Styles erstellt
Hab aber jetzt eine Lösung -zumindest für mich- gefunden und gebe sie mal weiter...
vll. kann ja der ein oder andere damit etwas anfangen...oder vll. noch ergänzen
Wie gesagt, die "headinclude.tpl"-Datei habe ich um meine Google-Link-Fonts ergänzt.
Dann bin ich bei Designpack bearbeiten in den entspr. Style gegangen und habe dort
beim CSS-Code oben folgendes eingegeben:
body{ scrollbar-base-color:#f4d9ce; scrollbar-arrow-color:#f4d9ce; font-family: 'Merienda', cursive;
Das rot dargestellte ist in dem Fall meine Schrift, die ich haben wollte...kann man also
auch mit anderen Schriftarten angeben...
Jetzt eeendlich wird mir die Schrift auch in Google Chrome so angezeigt wie ich es
eingestellt habe.
Diese Schrift überschreibt zwar alle andere Schriftarten, aber das ist in meinem
Fall OK so...
Dieser Thread hat sich somit erledigt.
Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von Angi01: 16.07.16 15:57.
|
|
16.07.16 15:54 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
|