#540: 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:
@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:
.helpcenter .article-viewer-container .article-title {
font-size: 20px !important;
line-height: 27px !important;
font-weight: 300 !important;
}