Font issue

Using Streamlit
1

Hi, I have a problem with the font.

I started my project with Streamlit 1.03 or so and implemented the loading of the font Montserrat at that time, which always worked, but I updated Streamlit to 1.28.2.

Since then the font is no longer loaded…

hide_full_screen = '''
<style>
.element-container:nth-child(3) .overlayBtn {visibility: hidden;}
.element-container:nth-child(12) .overlayBtn {visibility: hidden;}
</style>
'''

hide_streamlit_style = """
                <style>
                @import url('https://fonts.googleapis.com/css?family=Montserrat');
                html, body, [class*="css"]  {
                font-family: 'Montserrat';
                }
                
                div[data-testid="stToolbar"] {
                visibility: hidden;
                height: 0%;
                position: fixed;
                }
                div[data-testid="stDecoration"] {
                visibility: hidden;
                height: 0%;
                position: fixed;
                }
                div[data-testid="stStatusWidget"] {
                visibility: hidden;
                height: 0%;
                position: fixed;
                }
                #MainMenu {
                visibility: hidden;
                height: 0%;
                }
                header {
                visibility: hidden;
                height: 0%;
                }
                footer {
                visibility: hidden;
                height: 0%;
                }
                .css-18e3th9 {
                     padding-top: 0rem;
                     padding-bottom: 10rem;
                     padding-left: 5rem;
                     padding-right: 5rem;
                 }
                .css-1d391kg {
                     padding-top: 0rem;
                     padding-right: 1rem;
                     padding-bottom: 3.5rem;
                     padding-left: 1rem;
                 }
                 div.block-container{padding-top:0rem;}
                </style>
                """
st.markdown(hide_streamlit_style, unsafe_allow_html=True)
st.markdown(hide_full_screen, unsafe_allow_html=True)

my config.toml

[theme]
base="light"
primaryColor="#0e2b63"
secondaryBackgroundColor="#f7f9f9"
textColor="#262730"
font="Montserrat"
[server]
port = 8000

Issue

2024-02-26 19:25:23.369 "Montserrat" is an invalid value for theme.font. Allowed values include ['sans serif', 'serif', 'monospace']. Setting theme.font to "sans serif".

Can you help me? and sorry for my Englisch…

2

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