XF 2.1 Use your own font?

[blackburn27]

Hello,
I need to ask you something.
I would like to use another FONT but only for a certain text.
I have added this in the header.
How do I use a custom font?
Let's say I want to use this font: https://www.dafont.com/de/westayscript.font

How exactly can I use it in Xenforo in one place?
Is that possible?

Greetings

 

[LenKaiser]

It depends on which text you want to use it for. You would have to find where that text occurs in the template & then add CSS to your Extra.Less template to include that font using the div class or id your text resides in.

For Example: Let's say your text where you want to use this font is called "page title", and the div class is

<div class="page_title">

You will take the "page_title" portion and create some CSS basically like this:

.page_title {
    font-family: YourFontFamily;
}

If the text you want to have this font is found in several places on the site then you will have to create a new class or id for it and add it accordingly to the CSS.