---
title: Changing the Default Font Family
slug: changing-the-default-font-family
createdAt: 2025-06-11T20:26:17.824Z
---

You can customise the Activate homepage to use your organisation’s preferred font for a consistent look and feel.

# How to Update the Font

Open the **Custom.less** file, located in:

:::BlockQuote
//Resources/Configuration/Web/Theme
:::

Add the following code snippet:

```css
@font: "Cooper Black";

html * { font-family: @font; }
h1, h2, h3, label, .header_title { font-family: @font; }
button, input, select, textarea { font-family: inherit; }
.common_item_search { font-family: @font; }
#page_title { font-family: @font; }
.pageHeader h3 { font-family: @font; }
.sectiontitle, .bs_sectiontitle { font-family: @font; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: @font; }

textarea, input {
    font-family: @font !important;
}
```

Replace "Cooper Black" in the @font variable with the font family you’d like to use.