1.- Open your index.html and add this:
<link href='https://fonts.googleapis.com/css?family=Inter' rel='stylesheet' type='text/css'>
after the last meta tag (Replace Inter with your preferred font)
2.- Open /assets/backend/css/bootstrap.min.css and replace:
--font-family-sans-serif:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; with --font-family-sans-serif:'Inter',sans-serif; [1 coincidence]
font-family:sans-serif; with font-family:'Inter',sans-serif; [1 coincidence]
font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; with font-family:'Inter',sans-serif; [3 coincidence]
In total are 5 coincidences, changing this 5 lines the admin and store owner dashboard will have new font
3.- Clean your cache and refresh, and that's all, it works perfectly for Android too
Note 1: If you after want to change the font just replace:
Inter with: Poppins (Or your preferred font) in index.html and bootstrap.min.css
Note 2: If you follow this tutorial:
https://discuss.foodomaa.com/d/1442-how-to-change-font-completely-google-fonts
The index.html, main.css and bootstrap.min.css must be the same font
main.css and bootstrap.min.css depends of the font declared in index.html
Screenshot:
