# Font replacement in articles
# Question

How to connect your own font in Help Center?

# Answer

The font can be connected the same way in **styles for the theme** through @font-face and applied to the .helpcenter section, for example:

```css
@font-face {
 font-family: "...";
  src: url("...")
   format("..."),
    url("...");
 font-display: auto;
 font-style: normal;
 font-weight: 300;
 font-stretch: normal;
}
.helpcenter {
 font-family: ... !important;
 font-size: 16px !important;
 line-height: 24px !important;
 font-weight: 400 !important;
 color: #353535 !important;
 background-color: #f5f9ff !important;
 display: flex;
 flex-direction: column;
}
```

If necessary, you can also adjust the font of individual elements, for example, the title of the article:

```css
.helpcenter .article-viewer-container .article-title {
 font-size: 20px !important;
 line-height: 27px !important;
 font-weight: 300 !important;
}
```