How to add webfonts to your XenForo forum so that they work in the text editor

[Lamp]

Lamp submitted a new resource:

How to add Google Webfonts to your XenForo forum and have it work in the text editor - Simple solution to the problem of webfonts not working in the Redactor text editor.

There is an issue with the Redactor rich text editor used for editing posts. Google Webfonts linked in the XenForo site don't work in it. The problem is because it uses an iFrame, which is a separate window with its own CSS and stuff and it doesn't have access to the loaded webfont.

After some thought and experimenting I found the solution and it's really easy! Basically, you just create a template with your @import CSS, and include it in the site's head and in the editor's CSS.
So...

Read more about this resource...