Different fonts for iOS and Android

[guygreen63]

iOS Apps are built most frequently using the SF font (San Francisco). Android mostly uses Roboto font.
In Bubble, there is no way, I think, to use two different fonts, one for Android and another for iOS?

Thanks
Guy

[rafaelchavantes]

You can detect platform on page load with a small JS (Toolbox → Run JavaScript) that adds a platform-ios or platform-android class to the document, then apply CSS that targets those classes to set font-family (use -apple-system / SF stack for iOS and Roboto for Android). This avoids hosting SF as a web font and keeps control inside Bubble.

[mibbebr]

@rafaelchavantes

Você pode detectar a plataforma no carregamento da página com um pequeno JS (Toolbox → Run JavaScript) que adiciona uma classe platform-ios ou platform-android ao documento e, em seguida, aplica o CSS que direciona essas classes para definir a família de fontes (use a pilha -apple-system / SF para iOS e Roboto para Android). Isso evita hospedar o SF como uma fonte da web e mantém o controle dentro do Bubble.

Hello! I’d like to know, please: does the Toolbox → Run JavaScript plugin work properly on Mobile Native?