# Names of the fonts in WebGraphViz?

**URL:** <https://forum.graphviz.org/t/names-of-the-fonts-in-webgraphviz/777>\
**Category:** Help\
**Created:** [August 22, 2021, 3:35pm UTC](https://forum.graphviz.org/t/names-of-the-fonts-in-webgraphviz/777 "2021-08-22T15:35:29Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![kirkh](https://avatars.discourse-cdn.com/v4/letter/k/71c47a/32.png) [@kirkh](https://forum.graphviz.org/u/kirkh)\
**Post date:** [August 22, 2021, 3:35pm UTC](https://forum.graphviz.org/t/names-of-the-fonts-in-webgraphviz/777/1 "2021-08-22T15:35:29Z")

</div>

The GraphViz documentation says you have to know how the version you’re using was put together if you want to know the font names available–and in particular how to refer to a particular face’s flavors, such as bold, italic, underline.

I’m hoping someone who knows something about the insides of the browser version WebGraphViz will be kind enough to point me to such font information for it.

Thanks!

---

<div class="post-metadata">

**Author:** ![steveroush](https://avatars.discourse-cdn.com/v4/letter/s/a9adbd/32.png) [@steveroush](https://forum.graphviz.org/u/steveroush)\
**Post date:** [August 22, 2021, 5:43pm UTC](https://forum.graphviz.org/t/names-of-the-fonts-in-webgraphviz/777/2 "2021-08-22T17:43:07Z")

</div>

I have not used **WebGraphViz** , but the name & and a very quick look lead me to believe that it produces SVG diagrams. These web pages seem to usefully discuss SVG & fonts:

[https://www.w3schools.com/cssref/css\_websafe\_fonts.asp](https://www.w3schools.com/cssref/css_websafe_fonts.asp)

> **[Web typography | Web-safe fonts](https://en.wikipedia.org/wiki/Web_typography#Web-safe_fonts)**
>
> Web-safe fonts are fonts likely to be present on a wide range of computer systems, and used by Web content authors to increase the likelihood that content displays in their chosen font. If a visitor to a Web site does not have the specified font, their browser tries to select a similar alternative, based on the author-specified fallback fonts and generic families or it uses font substitution defined in the visitor's operating system.

---

<div class="post-metadata">

**Author:** ![kirkh](https://avatars.discourse-cdn.com/v4/letter/k/71c47a/32.png) [@kirkh](https://forum.graphviz.org/u/kirkh)\
**Post date:** [August 22, 2021, 9:15pm UTC](https://forum.graphviz.org/t/names-of-the-fonts-in-webgraphviz/777/3 "2021-08-22T21:15:13Z")

</div>

Steve: Thanks for these. I tried most of them out on a sample program and many of them worked fine. But I couldn’t figure out how to get them to bold / italic / underline etc., which is what I was particularly concerned about. .

The reason for the OP was that I’d read this in the Graphviz documentation:

_Note that various font attributes, such as weight and slant, can be built into the font name. Unfortunately, the syntax varies depending on which font system is dominant. Thus, using `fontname="times bold italic"` will produce a bold, slanted Times font using Pango, the usual main font library. Alternatively, `fontname="times:italic"` will produce a slanted Times font from fontconfig, while `fontname="times-bold"` will resolve to a bold Times using Quartz. **You will need to ascertain which package is used by your Graphviz system and refer to the relevant documentation.** _

Since I’m using [WebGraphviz.com](http://WebGraphviz.com), presumably this information is only available to whoever put that program together (or, if that person documented it, some other person who knows where the documentation is). Here’s hoping those people track the Forum queries occasionally.

Thanks again.

–Kirk

---

<div class="post-metadata">

**Author:** ![steveroush](https://avatars.discourse-cdn.com/v4/letter/s/a9adbd/32.png) [@steveroush](https://forum.graphviz.org/u/steveroush)\
**Post date:** [August 23, 2021, 12:07am UTC](https://forum.graphviz.org/t/names-of-the-fonts-in-webgraphviz/777/4 "2021-08-23T00:07:54Z")

</div>

Again, html-like labels allow you to explicitly set these attributes, on a character-by-character level (if you so desire). Sorry

---

<div class="post-metadata">

**Author:** ![kirkh](https://avatars.discourse-cdn.com/v4/letter/k/71c47a/32.png) [@kirkh](https://forum.graphviz.org/u/kirkh)\
**Post date:** [August 23, 2021, 2:25am UTC](https://forum.graphviz.org/t/names-of-the-fonts-in-webgraphviz/777/5 "2021-08-23T02:25:33Z")

</div>

Yes, seems like html would kill two birds. Hoping I can get a workable version…