Where to put webfonts?

I want to use @font-face in my css. But I just don’t know in which directory to put the files of the font (to which my css refers).

Steps I took leading up to the issue:

What I tried to resolve the issue:

Application Version - e.g., OJS 3.1.2:

Additional information, such as screenshots and error log messages if applicable:

Hi @amal,

Typically they are put in the theme directory fonts folder, for example:


And they can be referenced in the fonts.less file in the theme. Like in the example here: defaultManuscript/fonts.less at master · NateWr/defaultManuscript · GitHub

You may want to have a look at our theming guide: PKP Theming Guide: A guide to theming and customizations in OJS 3 and OMP 1.2 as well as our designing your journal guide: Designing Your Journal - OJS|OMP|OPS for more information as well.

Best regards,

PKP Team

Thank you so much, roger !