Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Vis-google-fonts

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    2.7k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.1k

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.4k

Vis-google-fonts

Scheduled Pinned Locked Moved Visualisierung
20 Posts 10 Posters 5.9k Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • P Offline
    P Offline
    Pman
    wrote on last edited by
    #4

    Bei mir funktioniert deine css Beispieler super im vis-Editor, allerdings wird das css nicht gespeichert wie mir scheint. Im View werden die Änderungen nach dem verlassen des Editors nicht angezeigt und wenn ich den Editor wieder öffne ist das css weg.

    1 Reply Last reply
    0
    • P Offline
      P Offline
      pix
      wrote on last edited by
      #5

      Hallo Bluefox,

      es klappt noch nicht so richtig:

      Dieser Code (rot, damit man schnell sieht, wo die Formatierung greift):````
      .metro .tile-content td {
      font-family: RobotoCondensed-Regular;
      color: red;
      }

      
      ergibt dann dies:
       ![261_bildschirmfoto_2015-11-19_um_14.35.20.jpg](/assets/uploads/files/261_bildschirmfoto_2015-11-19_um_14.35.20.jpg)  ![261_bildschirmfoto_2015-11-19_um_14.39.03.jpg](/assets/uploads/files/261_bildschirmfoto_2015-11-19_um_14.39.03.jpg) 
      Das "g" habe ich angefügt, um den Unterschied zwischen den Schriften zu zeigen.
      
      Standard Schriftart für die ganze View (Reiter View/Schriftart) ist auch RobotoCondensed-Regular. Font-Family in Widget-Einstellungen ist leer (übernimmt ja die Einstellungen der View).
      
      Beim Widget Metro - Tile String wird der Datenpunkt Inhalt ID noch nicht formatiert (Datenpunkt Zustand ID aber schon).
      
      Beim Inhalt des DWD-Widgets ändert sich auch noch nix.
      
      Gruß,
      
      Pix

      ioBroker auf Ubuntu in Proxmox (früher Mac mini (bis OS X 10.12.6 Sierra), VIS via iOS; angeschlossen: Homematic CCU2, Homepilot 1, ConBee II, einige Wemos, Sonos, Unifi CK+Protect, Homekit, Homebridge; KEIN blockly! Github-Profil

      1 Reply Last reply
      0
      • P Offline
        P Offline
        Pman
        wrote on last edited by
        #6

        @pix:

        Standard Schriftart für die ganze View (Reiter View/Schriftart) ist auch RobotoCondensed-Regular. Font-Family in Widget-Einstellungen ist leer (übernimmt ja die Einstellungen der View).

        Beim Widget Metro - Tile String wird der Datenpunkt Inhalt ID noch nicht formatiert (Datenpunkt Zustand ID aber schon).

        Beim Inhalt des DWD-Widgets ändert sich auch noch nix.

        Gruß,

        Pix `

        Das Beispiel von bluefox war glaube ich auf das andere Heating Tile (ohne Popup) bezogen, da ist die html Struktur etwas anders.

        1 Reply Last reply
        0
        • blauholstenB Offline
          blauholstenB Offline
          blauholsten
          Developer
          wrote on last edited by
          #7

          Bei mir mag es leider nicht wirklich klappen! Es kommt im "Front-Family" Menü keine Vorschau wie man bei bluefox seinem ersten Bild sehen kann…

          671_unbenannt.png :oops: :oops: :oops:

          Entwickler vom: - Viessman Adapter
          - Alarm Adapter

          1 Reply Last reply
          0
          • BluefoxB Offline
            BluefoxB Offline
            Bluefox
            wrote on last edited by
            #8

            @blauholsten:

            Bei mir mag es leider nicht wirklich klappen! Es kommt im "Front-Family" Menü keine Vorschau wie man bei bluefox seinem ersten Bild sehen kann…

            filename="Unbenannt.PNG" index="0">~~ :oops: :oops: :oops: `
            Was für ein Browser und OS?

            1 Reply Last reply
            0
            • B Offline
              B Offline
              BaBooN
              wrote on last edited by
              #9

              nabend,

              bei mir wurde erst übernommen als ich bei CSS "Projekt" statt "Global" ausgewählt habe.

              Mein Problem ist allerdings dass die größere Schrift auf alle Views übernommen wird und nicht nur bei einzelnen Widgets, ist das normal?

              Dadurch passt die Schrift nicht mehr bei allen Widegts und ist abgeschnitten =(

              anbei mal meine Views.

              Wär nett wenn ihr auch meine Views kommentiert. Bin absoluter Neuling und kämpfe noch oft :roll:
              891_licht.jpg
              891_heizung.jpg

              1 Reply Last reply
              0
              • blauholstenB Offline
                blauholstenB Offline
                blauholsten
                Developer
                wrote on last edited by
                #10

                @Bluefox:

                @blauholsten:

                Bei mir mag es leider nicht wirklich klappen! Es kommt im "Front-Family" Menü keine Vorschau wie man bei bluefox seinem ersten Bild sehen kann…

                filename="Unbenannt.PNG" index="0">~~ :oops: :oops: :oops: Was für ein Browser und OS?

                ViS auf Win10 und Chrome…..ioBroker läuft auf PI2

                Entwickler vom: - Viessman Adapter
                - Alarm Adapter

                1 Reply Last reply
                0
                • blauholstenB Offline
                  blauholstenB Offline
                  blauholsten
                  Developer
                  wrote on last edited by
                  #11

                  @BaBooN:

                  nabend,

                  bei mir wurde erst übernommen als ich bei CSS "Projekt" statt "Global" ausgewählt habe. `
                  Bei mir leider nicht….

                  Entwickler vom: - Viessman Adapter
                  - Alarm Adapter

                  1 Reply Last reply
                  0
                  • V Offline
                    V Offline
                    vore
                    wrote on last edited by
                    #12

                    Hallo!

                    Hat da jemand was rausfinden können? Ich möchte gerne die Sschriftart für meine Metro Tiles global umstellen, aber selbst mit dem CSS Code (oben) passiert nichts.

                    Was muss kann ich machen?

                    Gruß

                    Vore

                    1 Reply Last reply
                    0
                    • BluefoxB Offline
                      BluefoxB Offline
                      Bluefox
                      wrote on last edited by
                      #13

                      @vore:

                      Hallo!

                      Hat da jemand was rausfinden können? Ich möchte gerne die Sschriftart für meine Metro Tiles global umstellen, aber selbst mit dem CSS Code (oben) passiert nichts.

                      Was muss kann ich machen?

                      Gruß

                      Vore `
                      48_2016-04-09_13_38_42-edit_vis.png

                      1 Reply Last reply
                      0
                      • V Offline
                        V Offline
                        vore
                        wrote on last edited by
                        #14

                        Hallo!

                        Noch eine Frage: wie kann ich die Schriftgröße beim "Bool Switch" einstellen? Das ist dann "Voranstellen HTML".

                        Gruß

                        Vore

                        1 Reply Last reply
                        0
                        • BluefoxB Offline
                          BluefoxB Offline
                          Bluefox
                          wrote on last edited by
                          #15

                          @vore:

                          Hallo!

                          Noch eine Frage: wie kann ich die Schriftgröße beim "Bool Switch" einstellen? Das ist dann "Voranstellen HTML".

                          Gruß

                          Vore `

                          [{"tpl":"tplMetroValueBoolSwitch","data":{"oid":"nothing_selected",
                          "visibility-cond":"==","visibility-val":1,"gestures-offsetX":0,"gestures-offsetY":0,
                          "signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png",
                          "signals-icon-size-0":0,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==",
                          "signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-horz-1":0,
                          "signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":
                          "/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":
                          false,"html_prepend":"OFF",
                          "html_append":"ON"},
                          "style":{"left":"228px","top":"153px","font-family":"Candal"},"widgetSet":"metro"}]
                          
                          1 Reply Last reply
                          0
                          • T Offline
                            T Offline
                            tomdeboom
                            wrote on last edited by
                            #16

                            Hallo zusammen,

                            ich bräuchte mal euere Hilfe. iobroker läuft bei mir auf einem raspberry, und wenn ich die Schrift installieren möchte bekomme ich jedesmal diese Meldung:

                            ~~![](</s><URL url=)<link_text text="http://forum.iobroker.net/download/file ... d36cdc4713">http://forum.iobroker.net/download/file.php?mode=view&id=20445&sid=2cf6d2f3e00f9bc972dc8dd36cdc4713</link_text>" />

                            Die Schriften finde ich aber auf meinem Raspberry:

                            ~~![](</s><URL url=)<link_text text="http://forum.iobroker.net/download/file ... d36cdc4713">http://forum.iobroker.net/download/file.php?mode=view&id=20446&sid=2cf6d2f3e00f9bc972dc8dd36cdc4713</link_text>" />

                            Im iobroker vis bekomme ich sieh aber nicht angezeigt, wo liegt mein Fehler?

                            Vielen Dank für euere Hilfe!

                            VG Tom~~~~ 5104_fehler_fonts.jpg
                            5104_schriften.jpg

                            <size size="85">CCU2 | QNAP TVS-473 64GB | VM Lubunto iBroker | Echo 2\. Gen. | LAN/Wifi | 18 Geräte</size>

                            1 Reply Last reply
                            0
                            • HomoranH Do not disturb
                              HomoranH Do not disturb
                              Homoran
                              Global Moderator Administrators
                              wrote on last edited by
                              #17

                              Hast du vis neu gestartet?

                              und den Browsercache gelöscht?

                              Gruß

                              Rainer

                              kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                              Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                              der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                              1 Reply Last reply
                              0
                              • T Offline
                                T Offline
                                tomdeboom
                                wrote on last edited by
                                #18

                                Vergessen…........

                                Vielen Dank Rainer das war es... :D

                                <size size="85">CCU2 | QNAP TVS-473 64GB | VM Lubunto iBroker | Echo 2\. Gen. | LAN/Wifi | 18 Geräte</size>

                                1 Reply Last reply
                                0
                                • P Offline
                                  P Offline
                                  Pert
                                  wrote on last edited by
                                  #19

                                  Seitdem ich 2 ioBroker laufen habe (Multihost), werden die Fonts bei mir nicht mehr angezeigt.

                                  Kann das jemand nachvollziehen?

                                  Thx

                                  1 Reply Last reply
                                  0
                                  • M Online
                                    M Online
                                    michihorn
                                    wrote on last edited by
                                    #20

                                    Hallo

                                    ich möchte gerne im Metro "Tile State Val Badge Number" die "Number ID" in Größe und Farbe ändern.

                                    Aber nur ein bestimmtes und nicht alle Metros

                                    Meine View heißt "Haus"

                                    das Widget heißt "w00157"

                                    Hatte gehofft das das so klappte:

                                    #visview_Haus .number_oid {
                                        color: red !important;
                                    }
                                    

                                    Leider klappt es nicht. Kann mir jemand helfen?

                                    Gruß

                                    Michael

                                    1 Reply Last reply
                                    0
                                    Reply
                                    • Reply as topic
                                    Log in to reply
                                    • Oldest to Newest
                                    • Newest to Oldest
                                    • Most Votes


                                    Support us

                                    ioBroker
                                    Community Adapters
                                    Donate

                                    285

                                    Online

                                    32.6k

                                    Users

                                    82.3k

                                    Topics

                                    1.3m

                                    Posts
                                    Community
                                    Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                    ioBroker Community 2014-2025
                                    logo
                                    • Login

                                    • Don't have an account? Register

                                    • Login or register to search.
                                    • First post
                                      Last post
                                    0
                                    • Home
                                    • Recent
                                    • Tags
                                    • Unread 0
                                    • Categories
                                    • Unreplied
                                    • Popular
                                    • GitHub
                                    • Docu
                                    • Hilfe