Streamlit – популярная библиотека Python, используемая для создания интерактивных веб-приложений. Хотя Streamlit предоставляет понятный и простой интерфейс по умолчанию, вы можете настроить внешний вид своего приложения, включая изменение шрифта. В этой статье мы рассмотрим различные методы изменения шрифтов в приложениях Streamlit, а также приведем примеры кода.

Метод 1. Использование CSS-инъекции

Streamlit позволяет внедрять в ваше приложение собственный CSS, что позволяет изменять стили шрифтов. Вот пример того, как можно изменить шрифт с помощью CSS:

import streamlit as st
def main():
    st.markdown(
        """
        <style>
        .custom-font {
            font-family: 'Arial', sans-serif;
        }
        </style>
        """,
        unsafe_allow_html=True
    )
    st.write("This text uses a custom font.", unsafe_allow_html=True)
if __name__ == "__main__":
    main()

В этом примере мы определяем стиль CSS .custom-font, который устанавливает семейство шрифтов Arial. Затем мы используем функцию st.markdownдля внедрения кода CSS в приложение. Наконец, мы используем функцию st.writeдля отображения текстового блока с пользовательским шрифтом.

Метод 2. Использование внешних библиотек CSS

Streamlit также поддерживает использование внешних библиотек CSS, таких как Google Fonts, для изменения стиля шрифта. Вот пример того, как вы можете интегрировать Google Fonts в свое приложение Streamlit:

import streamlit as st
def main():
    st.write("This text uses the 'Roboto' font from Google Fonts.", unsafe_allow_html=True)
if __name__ == "__main__":
    main()

В этом примере нам не нужно внедрять собственный CSS. Вместо этого мы можем напрямую использовать тег HTML link, чтобы включить нужный шрифт из Google Fonts. Streamlit автоматически отобразит текст указанным шрифтом.

Метод 3: использование Markdown со встроенными стилями

Streamlit поддерживает Markdown, что позволяет применять встроенные стили к текстовым элементам. Вот пример того, как можно изменить шрифт с помощью Markdown:

import streamlit as st
def main():
    st.markdown(
        """
        <span style='font-family: Arial; font-size: 18px'>This text uses a custom font and font size.</span>
        """,
        unsafe_allow_html=True
    )
if __name__ == "__main__":
    main()

В этом примере мы используем тег <span>в содержимом Markdown и применяем желаемый стиль шрифта с помощью атрибута style.

Настройка внешнего вида приложений Streamlit, включая изменение шрифта, может значительно улучшить удобство использования. В этой статье мы рассмотрели три различных метода изменения шрифтов в приложениях Streamlit. Используя внедрение CSS, внешние библиотеки CSS или Markdown со встроенными стилями, вы можете легко изменить стили шрифтов в соответствии с желаемым внешним видом.

Не забывайте учитывать читабельность и доступность выбранных вами шрифтов, чтобы обеспечить положительное взаимодействие с пользователем. Поэкспериментируйте с разными шрифтами и стилями, чтобы найти идеальную комбинацию, которая соответствует назначению и эстетике вашего приложения.

Используя эти методы, вы можете создавать визуально привлекательные приложения Streamlit, которые произведут неизгладимое впечатление на ваших пользователей.