# Custom Elements

`Appearance` → `Customize`→ `Fonts Plugin` → `Custom Elements`

Custom Elements allow you to build Typography settings for any element on your website.

Custom Elements can be created under `Google Fonts` → `Custom Elements`.

**Before creating Custom Elements it's important that you save any other changes you have made in the Customizer.** This is because when you press 'Save Changes' to generate the Custom Elements controls, the Customizer will refresh and lose any unsaved settings.

![](https://fontsplugin.com/wp-content/uploads/2018/12/google-fonts-custom-element.png)

The `Selectors` field accepts any valid [CSS Selectors.](https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Selectors) That means there is no element on your website that is off-limits.

A Selector can target a single element, or multiple elements separated by commas. For example:

```css
.widget-title, #form, table, h1
```

Once you have created your Custom Elements. Press `Save Changes`. You will then be able to customize your Elements under `Google Fonts` → `Advanced Settings` → `Custom Elements`.

![](/files/-MAQUN46UK2U2ixcvrTp)

**Further Reading:** [How to Find CSS Selectors](https://fontsplugin.com/how-to-find-css-selectors/)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.fontsplugin.com/advanced-settings/custom-elements.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.