Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Schriftarten

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.8k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.2k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.2k

Schriftarten

Geplant Angeheftet Gesperrt Verschoben Visualisierung
46 Beiträge 12 Kommentatoren 7.9k Aufrufe 8 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • BluefoxB Offline
    BluefoxB Offline
    Bluefox
    schrieb am zuletzt editiert von
    #2

    Du lädst über Image Dialog die Datei. Z.B. Pacifico.ttf (http://www.fontsquirrel.com/fonts/download/pacifico)

    Dann folgendes in CSS Panel eingeben:

    @font-face {
        font-family: 'Pacifico'; 
        src: url('/vis.0/main/Pacifico.ttf'); 
    }
    
    

    Danach ein Widget erzeugen. z.B HTML und "font-family" einstellen:

    [{"tpl":"tplHtml","data":{"visibility-cond":"==","visibility-val":1,"refreshInterval":"0","html":"My test text","class":""},"style":{"left":"1056px","top":"199px","width":"115px","height":"30px","font-family":"Pacifico"},"widgetSet":"basic"}]
    

    Und:
    48_2015-08-13_16_48_29-iobroker.vis.png

    Man kann auch Klasse definieren:

    .pacifico {
        font-family: 'Pacifico';
    }
    

    Und bei dem Widget das Attribut "Class" benutzen.

    1 Antwort Letzte Antwort
    0
    • C Offline
      C Offline
      Communicate
      schrieb am zuletzt editiert von
      #3

      Hallo Bluefox,

      vielen Dank. Ganz kurze und blöde Frage:

      Welchen Image Dialog meinst Du? Muss ich einfach ein static image widget erstellen oder ist das eine

      Eigenschaft der Views?

      1 Antwort Letzte Antwort
      0
      • htreckslerH Offline
        htreckslerH Offline
        htrecksler
        Forum Testing
        schrieb am zuletzt editiert von
        #4

        Er meint damit, den "Image Dialog" als den "Dateimanager" den man auch zum Hochladen von Bildern nutzt zu benutzen um die Schriftart "hochzuladen".

        Es reicht nicht díese einfach nur in das Verzeichnis zu kopieren.

        Gruss Hermann

        ioBroker auf Proxmox (Debian) auf IntelNuc als Produktivsystem

        1 Antwort Letzte Antwort
        0
        • C Offline
          C Offline
          Communicate
          schrieb am zuletzt editiert von
          #5

          Also z.B. diesen Dialog:

          515_bildschirmfoto_2015-08-14_um_22.00.11.png

          Wenn ich hier auf upload klicke, danach auf schliessen, wird mir die neue Datei leider nicht angezeigt.

          1 Antwort Letzte Antwort
          0
          • BluefoxB Offline
            BluefoxB Offline
            Bluefox
            schrieb am zuletzt editiert von
            #6

            Wo schaust du die an?

            Es gibt jetzt Dateibrowser in vis. 48_img_004.png
            Da solltest du die sehen können.

            1 Antwort Letzte Antwort
            0
            • C Offline
              C Offline
              Communicate
              schrieb am zuletzt editiert von
              #7

              Führe gerade mal ein Update durch. War noch bei Vis 0.6.5.

              Btw. was mache ich eigentlich falsch, dass mir nie Updates angezeigt werden? Erst ein ./iobroker upgrade verrät mir, dass es neue Versionen gibt.

              1 Antwort Letzte Antwort
              0
              • BluefoxB Offline
                BluefoxB Offline
                Bluefox
                schrieb am zuletzt editiert von
                #8

                Klickst du das da?
                48_img_006.png

                1 Antwort Letzte Antwort
                0
                • L Offline
                  L Offline
                  LittleNo
                  schrieb am zuletzt editiert von
                  #9

                  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?

                  E 1 Antwort Letzte Antwort
                  0
                  • L 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?

                    E Offline
                    E Offline
                    eMd
                    schrieb am zuletzt editiert von
                    #10

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

                    Master: Intel NUC 16GB/500GB
                    Slave: Raspberry Pi 3 + Homematicmodul
                    Shelly, Google Home, Zigbee Aqara, Sonoff

                    Meine VIS: https://youtu.be/JMYr2KYlpME

                    GlasfaserG 1 Antwort Letzte Antwort
                    0
                    • E eMd

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

                      GlasfaserG Offline
                      GlasfaserG Offline
                      Glasfaser
                      schrieb am zuletzt editiert von
                      #11

                      @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

                      Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                      E 1 Antwort Letzte Antwort
                      0
                      • GlasfaserG 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

                        E Offline
                        E Offline
                        eMd
                        schrieb am zuletzt editiert von
                        #12

                        @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....

                        Master: Intel NUC 16GB/500GB
                        Slave: Raspberry Pi 3 + Homematicmodul
                        Shelly, Google Home, Zigbee Aqara, Sonoff

                        Meine VIS: https://youtu.be/JMYr2KYlpME

                        GlasfaserG 1 Antwort Letzte Antwort
                        0
                        • E 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....

                          GlasfaserG Offline
                          GlasfaserG Offline
                          Glasfaser
                          schrieb am zuletzt editiert von
                          #13

                          @eMd sagte in Schriftarten:

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

                          Was heißt ,du findest Sie nicht ?

                          Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                          sigi234S 1 Antwort Letzte Antwort
                          0
                          • GlasfaserG Glasfaser

                            @eMd sagte in Schriftarten:

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

                            Was heißt ,du findest Sie nicht ?

                            sigi234S Online
                            sigi234S Online
                            sigi234
                            Forum Testing Most Active
                            schrieb am zuletzt editiert von sigi234
                            #14

                            @eMd
                            Gerade getestet , geht einwandfrei.

                            Screenshot (4086).png

                            Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                            Immer Daten sichern!

                            GlasfaserG M 2 Antworten Letzte Antwort
                            0
                            • sigi234S sigi234

                              @eMd
                              Gerade getestet , geht einwandfrei.

                              Screenshot (4086).png

                              GlasfaserG Offline
                              GlasfaserG Offline
                              Glasfaser
                              schrieb am zuletzt editiert von Glasfaser
                              #15

                              @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:

                              Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                              sigi234S 1 Antwort Letzte Antwort
                              0
                              • GlasfaserG 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:

                                sigi234S Online
                                sigi234S Online
                                sigi234
                                Forum Testing Most Active
                                schrieb am zuletzt editiert von
                                #16

                                @Glasfaser sagte in Schriftarten:

                                PS : sehe gerade das Du es geändert hast

                                Jupp...

                                Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                Immer Daten sichern!

                                1 Antwort Letzte Antwort
                                0
                                • E Offline
                                  E Offline
                                  eMd
                                  schrieb am zuletzt editiert von
                                  #17

                                  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 ^^

                                  Master: Intel NUC 16GB/500GB
                                  Slave: Raspberry Pi 3 + Homematicmodul
                                  Shelly, Google Home, Zigbee Aqara, Sonoff

                                  Meine VIS: https://youtu.be/JMYr2KYlpME

                                  sigi234S F 2 Antworten Letzte Antwort
                                  0
                                  • E 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 ^^

                                    sigi234S Online
                                    sigi234S Online
                                    sigi234
                                    Forum Testing Most Active
                                    schrieb am zuletzt editiert von
                                    #18

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

                                    Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                    Immer Daten sichern!

                                    E 1 Antwort Letzte Antwort
                                    0
                                    • sigi234S sigi234

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

                                      E Offline
                                      E Offline
                                      eMd
                                      schrieb am zuletzt editiert von
                                      #19

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

                                      Master: Intel NUC 16GB/500GB
                                      Slave: Raspberry Pi 3 + Homematicmodul
                                      Shelly, Google Home, Zigbee Aqara, Sonoff

                                      Meine VIS: https://youtu.be/JMYr2KYlpME

                                      1 Antwort Letzte Antwort
                                      0
                                      • E 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 ^^

                                        F Offline
                                        F Offline
                                        Franklin
                                        schrieb am zuletzt editiert von
                                        #20

                                        @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?

                                        FredFF 1 Antwort Letzte Antwort
                                        0
                                        • F 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?

                                          FredFF Online
                                          FredFF Online
                                          FredF
                                          Most Active Forum Testing
                                          schrieb am zuletzt editiert von FredF
                                          #21

                                          @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:
                                          a759aa50-9ec2-4a4a-9c58-88ab34c7fd65-grafik.png

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

                                          F 1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          548

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe