Font issue with html like label

Help
1

I’m trying to make a html like label with a font face, different from the standard one. How can I make it display correctly?

digraph top {
    compound=true
    node[shape=record]
    i [label=<<TABLE CELLSPACING="5" CELLPADDING="4" BORDER="0" CELLBORDER="1">
    <TR>
      <TD>a very long label</TD>
    </TR>  
    <TR>
      <TD>b</TD>
    </TR>  
    <TR>
      <TD>c</TD>
    </TR>  
    <TR>
      <TD>d</TD>
    </TR>  
    </TABLE>> style="dotted" fontname="Monospace" fontsize="10pt"]

    p->i:w
    
    rankdir=LR
}

Rendered by magjac.com/graphviz-visual-editor/

2

Use <FONT …> (see Node Shapes | Graphviz)

A variant of what you want:

digraph top {
    compound=true
    node[shape=record]
    i [label=<<TABLE CELLSPACING="5" CELLPADDING="4" BORDER="0" CELLBORDER="1">
    <TR>
      <TD><FONT POINT-SIZE="24" FACE="Monospace">a very long label</FONT></TD>
    </TR>  
    <TR>
      <TD><FONT POINT-SIZE="18" FACE="Times-Roman">b</FONT></TD>
    </TR>  
    <TR>
      <TD>c</TD>
    </TR>  
    <TR>
      <TD>d</TD>
    </TR>  
    </TABLE>> style="dotted" ]

    p->i:w
    
    rankdir=LR
}

Giving:
htmlFont1.

3

When I render it at Graphviz Visual Editor, this becomes the same. With what did you render it?

4

With what did you render it? This becomes the same at magjac when I render it there.

5

A guess: this may be a “Font Problem” (Font FAQ | Graphviz). The on-line renderer does not seem to give any error messages if you enter gibberish for a font name, it just falls back to a known font. So maybe it can’t find your desired fonts.

Try courier. If it works, try other alternatives.

I rendered the above on my Linux system.
But I just created this on my Windows system & Graphviz Visual Editor

digraph top {
    compound=true
    node[shape=record]
    i [label=<<TABLE CELLSPACING="5" CELLPADDING="4" BORDER="0" CELLBORDER="1">
    <TR>
      <TD>a very long label</TD>
    </TR>  
    <TR>
      <TD>b</TD>
    </TR>  
    <TR>
      <TD>c</TD>
    </TR>  
    <TR>
      <TD><FONT POINT-SIZE="24" FACE="AvantGarde-DemiOblique">a very long label</FONT></TD>
    </TR>  
    </TABLE>> style="dotted" ]

    p->i:w
    
    rankdir=LR
}

Untitled Graph 29

6

Steve is correct. It’s a font problem. Your browser may not have the default font. I usually use Helvetica. See this modification of your example.

7

Thank you for working this out. It worked with my own Linux box, so the problem is solved!