Custom font with streamlit extras

[iuiu]

Hi,
about this ticket

is it possible to customize the font of a widget with stylable_container?

code below doesn’t work

    with stylable_container(
            key="comic_sans_button",
            css_styles="""
             button {
                 font-family: 'Comic Sans MS', cursive, sans-serif;
             }
             """,
    ):
        st.button("Comic Sans button")

[coder]

Check those posts, maybe will help you:

Issue with Coloring Buttons in Streamlit

Hello everyone, I’m encountering an issue with coloring buttons in Streamlit and seeking guidance on how to achieve this. I’m attempting to create two buttons with different background colors, one green and the other red, using Streamlit’s st.button. Here’s the code snippet I’ve tried: # Define custom CSS for button colors button1_color = "#00FF00" # Green color for Button 1 button2_color = "#FF0000" # Red color for Button 2 # Create buttons with st.button button1_clicked = st.button("But…

Not able to use streamlit extras component

Summary i need to create a button that has width of the side bar in streamlit , i am tryiny to use from streamlit_extras.stylable_container but the libraray says reportmissingissue Steps to reproduce Code snippet: add code here If applicable, please provide the steps we should take to reproduce the error or specified behavior. Expected behavior: Explain what you expect to happen when you run the code above. Actual behavior: Explain the undesired behavior or error you see when you run the …

[arnaud]

Hey @coder,

I did add a response in the original issue, let me know if that helps!

[coder]

You are correct, and the documentation about the Styleable Container can be found at:
Streamlit-extras - Styleable Container

[arnaud]

Thanks @coder! I meant to tag @iuiu, but thanks even more for quoting the docs page.