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;}
Two options there: use @font-face if your font is free of use as a downloadable font or add fallback(s): a second, a third, etc and finally a default family (sans-serif, cursive (*), monospace or serif). The first of the list that exists on the OS of the user will be used.
You can use a <basefont> tag to set all of your text to the same size, face, and color.
Scroll down until you get to the “Web Content” section and click on “Customize fonts.” Alternatively, you can just enter chrome://settings/fonts into your browser and hit “Enter.” Now you can change all your font settings.
Put the font-family
declaration into a body
selector:
body { font-family: Algerian; }
All the elements on your page will inherit this font-family then (unless, of course you override it later).
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With