Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[Bluefox]

Klickst du das da?
48_img_006.png

[LittleNo]

ich grabe diesen alten Thread aus weil ich genau das gleiche erreichen möchte, aber beim einfügen in das CSS Panel folgenden Fehler bekomme:

@font-face declaration doesn't follow the fontspring bulletproof syntax

Da die ioBroker-Version ja mittlerweile doch ein bisschen weiter ist (ich habe 1.1.8), vermute ich mal laienhaft dass sich hier die Syntax irgendwie geändert hat?

[eMd]

@LittleNo
Habe das gleiche Problem, konntest du eine Lösung finden?

[Glasfaser]

@eMd

Welches Problem hast du , man kann doch jede Schriftart in IoBroker hinzufügen , wie es Bluefox ausführlich beschrieben hat .

Schau mal hier : Schriftart Segment

[eMd]

@Glasfaser
Ich habe es mehrmals nach der Anleitung gemacht, finde die font family im Anschluss aber nicht...

KA warum arbeite mit uhala Material Design, vielleicht muss ich es da iwo anders eintragen...

Ich werde weiter probiere....

[Glasfaser]

@eMd sagte in Schriftarten:

.....finde die font family im Anschluss aber nicht...

Was heißt ,du findest Sie nicht ?

[sigi234]

@eMd
Gerade getestet , geht einwandfrei.

[Glasfaser]

@sigi234

Ja Danke ….. ich weiß das es geht ,da ich es in dem Thread gezeigt habe.

Ich denke mal du meinst @eMd

PS : sehe gerade das Du es geändert hast :stuck_out_tongue_winking_eye:

[sigi234]

@Glasfaser sagte in Schriftarten:

PS : sehe gerade das Du es geändert hast

Jupp...

[eMd]

Danke Leute, ich habe den Fehler gefunden.
Im CSSPanel gibt es global und projekt. Unter Projekt funktioniert es nun auch, ich hatte es immer unter global eingetragen...

vielleicht war das ja der fehler. Auf jeden Fall habe ich nun endlich meine Schriftart die ich wollte ^^

[sigi234]

@eMd
Super,
Wenn ein Thema gelöst wurde bitte den Beitrag der die Lösung beinhaltet als gelöst Markieren. ->Anleitung

[eMd]

@sigi234
Lösung markieren geht nicht, da das Thema glaube nicht von mir erstellt wurde, ich habe das nur ausgekramt 😃😉

[Franklin]

@eMd Also ich habe genau den gleichen Fehler (den mit dem "fontspring bulletproof"), aber ich bekomme den nicht weg. Egal ob ich das im CSS unter "Global" oder "Projekt" eintrage.

Habe dort genau wie weiter oben folgendes drin stehen:

@font-face {
font-family: 'Digital-7';
src: url('/vis.0/temp/digital-7.ttf');
}

Das sollte doch eigentlich auch stimmen, oder? Und die TTF-Datei ist auch an dem angegebenen Ort zu finden. Hat jemand eine Idee, was das Problem sein könnte?

[FredF]

@Franklin
Probier mal ohne '
also so:
@font-face {font-family: Digital-7;
src: url(/vis.0/temp/digital-7.ttf);
}
und im Widget die font-family so:

Nochwas:
Den Font über Vis Setup-Dateimanager hochgeladen?

[Franklin]

@FredF Ja, ich habe die Font-Datei mit dem Dateimanager im VIS hochgeladen. Und bei dem CSS Script habe ich schon alles probiert (mit einfachem Hochkomma ', mit doppelten Hochkommas " und auch ganz ohne). Hat bei allen nicht geklappt! :-( Ich komme ja gar nicht soweit, in dem Widget die Font-Family auszuwählen, da sie erst gar nicht angezeigt wird.

Aber ich habe glaube ich einen Weg gefunden. Ich hatte immer gedacht, dass die Font-Family auch in der Auswahl-Liste erscheinen muss. Das ist aber anscheinend nicht der Fall. Ich habe jetzt dort einfach "Digital-7" eingetragen und siehe da, es klappt :-)

[FredF]

@Franklin sagte in Schriftarten:

Aber ich habe glaube ich einen Weg gefunden. Ich hatte immer gedacht, dass die Font-Family auch in der Auswahl-Liste erscheinen muss. Das ist aber anscheinend nicht der Fall. Ich habe jetzt dort einfach "Digital-7" eingetragen und siehe da, es klappt

Genau so ist es... hätte ich noch deutlicher schreiben können.
Gut das es nun klappt.

[eMd]

@Franklin
Ja das war auch kein Denkfehler. Einfach eintragen und es klappt.

[hg6806]

Ich hänge mich mal hier dran.
Ich habe hier zwei Pis mit unterschiedlichen ioBroker Installationen drauf, die aber ursprünglich von einer kamen.
Auf einem Pi hatte ich mal in einem Widget mit den Schriftarten gespielt, jetzt sind aber in allen Views viele verstellt.
Selbst wenn ich von dem anderen Pi ein Widget importiere sieht es anders aus als von dem exportierten.
Wie kann das sein?

[Homoran]

@hg6806 sagte in Schriftarten:

hatte ich mal in einem Widget mit den Schriftarten gespielt,

Wie hattest du das gemacht?
Hattest du ggf. in CSS Klassen geändert?

[hg6806]

Hmmm, eigentlich hatte ich nur im Widget gespielt.
CSS ist global leer, und in Projekt nach wie vor folgendes eingetragen:

.rollotext img {
    display: none;
}
.vis-hq-leftinfo{
display: none;
}

....ist aber bei beiden Pis gleich.

Ich habe mal genauer nachgeschaut, es betrifft ALLE jqui Buttons.
Kann man die Schriften global für die verstellen?