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

[sigi234]

@navino:

Uhrzeit und Datum OK, Temperatur genauso.

Was sind für widgts? `

timeandweather tplSegmentClock

Du nimmst einen Datenpunkt( entweder aktuelles Datum oder was du eben willst) und Haken raus bei aktiviere Uhr….....

Dann kannst du die Farbe usw. anpassen.

Übrigens, für das Datum gibt es ein tolles Skript von pix…...

viewtopic.php?f=20&t=18468&p=193015&hil … fo#p193015

[Hiltex]

Warum nicht einfach die normalen Widgets und mit einer entsprechenden Font formatieren?

Damit hätte man alle Freiheitsgrade.

Ein Font könnte zum Beispiel dieses sein:

https://www.dafont.com/seven-segment.font

[dondaik]

nice,

doch der zeichensatz scheint wohl einen kleinen fehler mit der "1" zu haben - da stimmt der abstand nicht - sie wir mit dem linken segment und nicht mit dem rechten segment gezeichnet…. wenn man rasch mal in word formatiert :-(

wie wird er denn in VIS eingebunden ? ich suche nämlich auch solch einen "LCD" - zeichensatz , der dann auch web-fähig ist.

[Hiltex]

Da hab ich jetzt nicht so drauf geachtet. Du kannst ja auch eine andere Font nutzen. Da gibts zig verschiedene, die eine 7-Segment-Anzeige nachbilden.

Per CSS wird die dann so eingebunden:

 @font-face { 
font-family: "LINTSEC"; 
src: url("/files/fonts/lintsec.ttf"); 
}

[navino]

Das mit dem Font wäre das Beste.

Ich muss doch dann auf dem Raspberry/iobroker installieren, oder ?

Wenn ja, wie mache ich das?

[Hiltex]

Nicht installieren, sondern einfach in einen Pfad kopieren, der von einer VIS-Seite aus erreichbar ist. Also zum Beispiel dort hin, wo deine Bilder und Icons liegen.

Für @font-face gibt es auch noch weitere Attribute. Das müsste man sich ggf. nochmal anschauen, was da Sinn macht.

Eventuell kann es auch sein, dass du das in dem Auswahlfeld für Schriften nicht einfach anklicken kannst. In dem Fall musst du den Namen der Schrift dann selbst hinein schreiben.

[navino]

@Hiltex:

Da hab ich jetzt nicht so drauf geachtet. Du kannst ja auch eine andere Font nutzen. Da gibts zig verschiedene, die eine 7-Segment-Anzeige nachbilden.

Per CSS wird die dann so eingebunden:

 @font-face { 
font-family: "LINTSEC"; 
src: url("/files/fonts/lintsec.ttf"); 
}
```` `  

Habe Sie heruntergeladen und in den VIS/img des Raspberry gepackt, bin leider kein Linux-Experte.

Wie würde ich jetzt die Url vom css anpassen? Bisher findet er sie wohl nicht.

[Hiltex]

Ja, der Code ist nur beispielhaft. Du musst den Namen und den Pfad anpassen. Ich dachte, das wäre klar.

[dondaik]

es scheint zu auch zu gehen :

• font in windows einfügen

• rechner neustarten usw usw

• font in vis sld NAME einfigen und sofort bis "etwas später" ist er in der anzeige sichtbar …. :-)

[Hiltex]

Ja, so etwas funktioniert auch, allerdings dann nur auf Computern, auf denen diese Schriftart auch installiert ist.

Der Weg, die Font hochzuladen und per CSS einzubinden hat den Vorteil, dass es dann auf allen (modernen) Geräten angezeigt wird, auch wenn die Schriftart da nicht installiert ist.

[navino]

@Hiltex:

Ja, der Code ist nur beispielhaft. Du musst den Namen und den Pfad anpassen. Ich dachte, das wäre klar. `

Ja das ist mir klar, habe auch einiges versucht, aber er findet die Schrift nicht.

Von wo aus gilt der Pfad?

Die Schrift habe ich hier hin gepackt:

/opt/iobroker/iobroker-data/files/vis/img

[Hiltex]

Dann müsste der Pfad im CSS /vis/img/…ttf lauten.

[navino]

Irgendwie hat er ein Problem mit der Syntax, obwohl ich habe google gefragt und sollte so richtig sein

[FredF]

@navino:

Irgendwie hat er ein Problem mit der Syntax, obwohl ich habe google gefragt und sollte so richtig sein

Zwischenablage01.jpg `

Habe gleiches Problem und google hilft mir auch nicht :?

[navino]

Doch es klappt jetzt bei mir.

Ich musste "LINTSEC" das auswählen.

Danke für die Hilfe

[sigi234]

@FredF:

@navino:

Irgendwie hat er ein Problem mit der Syntax, obwohl ich habe google gefragt und sollte so richtig sein

Zwischenablage01.jpg `

Habe gleiches Problem und google hilft mir auch nicht :? `

Gib mal das ein: seven segment

[Hiltex]

Ihr müsst auch den Namen der Font-Family so angeben, wie die Schriftart in Eurem Projekt heißen soll.

Man kann da natürlich "LINTSEC" stehen lassen, aber das ist dann eventuell etwas verwirrend, wenn sich dahinter 7-Segment verbirgt und LINTSEC selbst auch eine Schriftart ist.

Wenn man nach "fontspring bulletproof syntax" googelt ist der erste Treffer schon der richtige. Dort wird genau erklärt, wie man das perfekt einbindet.

https://blog.fontspring.com/2011/02/the … ce-syntax/

Nichts destotrotz sollte es auch so funktionieren. Die Meldung sagt ja nur, dass der Syntax nicht dem "fontspring bulletproof syntax" entspricht. Das bedeutet nicht zwangsläufig, dass er auch falsch ist.

[dtp]

Ich benutze den timeandweather-Adapter und davon dann das SimpleTime- und das SimpleDate-Widget.

Was mich aber etwas wurmt ist, dass die Anzeige nicht absolut Sekunden genau arbeitet. Da gibt's zuweilen ein Delay von 3 bis 10 Sekunden. Na ja, muss ich wohl bei WLAN mit leben.

[FredF]

@Hiltex:

Ihr müsst auch den Namen der Font-Family so angeben, wie die Schriftart in Eurem Projekt heißen soll.

Man kann da natürlich "LINTSEC" stehen lassen, aber das ist dann eventuell etwas verwirrend, wenn sich dahinter 7-Segment verbirgt und LINTSEC selbst auch eine Schriftart ist.

Wenn man nach "fontspring bulletproof syntax" googelt ist der erste Treffer schon der richtige. Dort wird genau erklärt, wie man das perfekt einbindet.

https://blog.fontspring.com/2011/02/the … ce-syntax/

Nichts destotrotz sollte es auch so funktionieren. Die Meldung sagt ja nur, dass der Syntax nicht dem "fontspring bulletproof syntax" entspricht. Das bedeutet nicht zwangsläufig, dass er auch falsch ist. `

Bei mir klappt es jetzt auch.

Hatte falsches Verzeichnis angegeben.

Die fontspring Warnung gibt es immer noch… wenns aber geht :D

[Dr. Bakterius]

@dtp:

Was mich aber etwas wurmt ist, dass die Anzeige nicht absolut Sekunden genau arbeitet. Da gibt's zuweilen ein Delay von 3 bis 10 Sekunden. Na ja, muss ich wohl bei WLAN mit leben. `
Ist das nicht einfach Java-Skript das die Zeit des Rechners ausgibt auf dem der View angezeigt wird? Also synchronisiere einmal den Rechner mit der Atomzeit. Da darf es auch bei WLAN nicht mehrere Sekunden an Delay geben.