I want to use a single font named "Algerian" across my whole website. So, I need to change all HTML tags and I don't want to write different code for different tags like:
button{font-family:Algerian;}
div{font-family:Algerian;}
The method written below is also highly discouraged:
div,button,span,strong{font-family:Algerian;}
Ensure that mobile devices won't change the font with their default font by using important along with the universal selector * :
Put the
font-family
declaration into abody
selector:All the elements on your page will inherit this font-family then (unless, of course you override it later).
Please place this in the head of your Page(s) if the "body" needs the use of 1 and the same font:
Everything between the tags
<body>
and</body>
will have the same fontin Bootstrap, web inspector says the Headings are set to 'inherit'
all i needed to set my page to the new font was
that's in .scss