1.- Open your index.html and add this:
<link href='https://fonts.googleapis.com/css?family=Manrope' rel='stylesheet' type='text/css'>
after the last meta tag (Replace Manrope with your preferred font)
2.- Open /assets/css/main.cssand replace:
font-family:sans-serif; with font-family:'Manrope',sans-serif; [1 coincidence]
font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; with font-family:'Manrope',sans-serif; [6 coincidences]
font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"} with font-family:'Manrope',sans-serif} [1 coincidence]
In total are 8 coincidences, changing this 8 lines all foodoma will have new font
3.- Clean your cache and refresh, and that's all, it works perfectly for Android too
Note: If you after want to change the font just replace:
Manrope with: Inter (Or your preferred font) in index.html and main.css
Thanks to @Mani for the base for this tutorial
https://discuss.foodomaa.com/d/1191-changing-font-style
Screenshots:
