Custom font via [theme.fontFaces]

Using Streamlit
1

Hi there,

In the Streamlit doc, under the config.toml section, it says:
“To use a custom font, it needs to be added via [theme.fontFaces]”

I would like to know more about [theme.fontFaces]: how to use it (what details are required)? Where should I place my font or url?

Thank you!

2

There was a little :rabbit_face: :egg: (easter egg) next to it because the configuration option was still hidden. It’s been revealed with Streamlit 1.44.0. config.toml - Streamlit Docs

# An array of fonts to use in your app. Each font in the array is a table
# (dictionary) with the following three attributes: family, url, weight,
# and style. To host a font with your app, enable static file serving
# with `server.enableStaticServing=true`. You can define multiple
# [[theme.fontFaces]] tables.
# For example, each font is defined in a [[theme.fontFaces]] table as
# follows:
# [[theme.fontFaces]]
# family = "font_name"
# url = "app/static/font_file.woff"
# weight = 400
# style = "normal"
fontFaces =

More tutorials and explanations will follow shortly. :smiling_face:

3 Likes
3

Hi! How far are you with the tutorials? :slight_smile:

4

That’s nice ! thank’s

5

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.

6

@marc8 Sorry for the delay. :slight_smile: