css - How to switch the global font family and update $font-family-base in bootstrap

Question

I have following font-family set on form body: The font which I have

Now I need following font-family: The font family I need

This link https://getbootstrap.com/docs/4.0/content/reboot/ tells following : enter image description here

So according to this link the default dropped and replaced with a “native font stack”.
To switch the global font-family, I need to update $font-family-base and recompile Bootstrap. I am new to bootstrap. Please let me know how to change font-family for my entire form.

question from:https://stackoverflow.com/questions/66068146/how-to-switch-the-global-font-family-and-update-font-family-base-in-bootstrap

Answer 1

html,* {
font-family: '--apple-system','san-serif',
font-size:16px;
}