Change font size in st.write()?

Using Streamlit
1

Is it possible to change the fontsize and/or color in st.write()?

1 Like
2

Hi @Soren,

If you want different sizes of fonts you have two options,

  1. Go with the standard set of typography provided by streamlit, ie. text, title, header and subheader
    https://docs.streamlit.io/en/stable/api.html#display-text
  2. Use st markdown and give sizes yourself, This will give you text size of your choice.
import streamlit as st

st.set_page_config(layout="wide")

st.markdown("""
<style>
.big-font {
    font-size:300px !important;
}
</style>
""", unsafe_allow_html=True)

st.markdown('<p class="big-font">Hello World !!</p>', unsafe_allow_html=True)

It looks like this for me :smiley:

image
image1909×608 46.3 KB

Hope it helps !

12 Likes
4

Since you were also asking about font color: we now have a built-in feature to use colored text in st.write, st.markdown, st.header, etc:

st.markdown("This is black and :red[this is red!]")

You can use the colors blue, green, orange, red, violet, gray/grey, and rainbow in the same way. See also the docstring of the body parameter.

1 Like