Suki Go to admin, appearance, custom CSS. In the custom CSS paste the following. Change Arial to name of font-family.
body {
font-family: Arial;
}
You may also use Google fonts. Find the font. Select the style. Google will then show a link or import option. Import is less steps. Choose import. Copy the import code between the style tags. Paste at top of your Flarum custom CSS.
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
But, due to Flarum leaning on LESS (shortcut version of CSS) if you leave it like that you will get an error when saving. So, add (css) towards beginning like so:
@import (css) url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
Google will then give you the font-family part as well:
font-family: 'Poppins', sans-serif;
Final:
@import (css) url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
body {
font-family: 'Poppins', sans-serif;
}
