Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

  • Paul 24 posts 114 karma points
    Apr 30, 2015 @ 19:15

    @font-face location for Edit Stylesheet Property preview in Settings?

    I have a custom font on my website. It displays correctly on the webpages and in the WYSIWYG rich text editor but not in the 'preview' section in the stylesheet settings.

    I assume I have my @font-face declaration in the wrong stylesheet. Can someone point me to where this would be needed?

    enter image description here

  • Dennis Aaen 4468 posts 18026 karma points admin hq c-trib
    Apr 30, 2015 @ 22:14
    Dennis Aaen

    Hi Paul,

    The CSS for the 'preview' section in the stylesheet settings, I think you need to add your @font-face, into the stylesheet called LiveEditing.css. It is located in ~\Umbraco\LiveEditing\Css\LiveEditing.css

    One downside with this is if you upgrade you Umbraco installation you need to remember not to override this CSS file or make the changes again, after you have done the upgrading.

    Hope this helps,


  • Paul 24 posts 114 karma points
    May 06, 2015 @ 18:23

    Thanks Dennis, much help.

  • Tiago Duque 4 posts 72 karma points
    Mar 13, 2018 @ 14:45
    Tiago Duque

    I guess this is solution is outdated. ~\Umbraco\LiveEditing\Css\LiveEditing.css no longer exists in Umbraco (7.9.2).

    Is there a more recent solution?

Please Sign in or register to post replies

Write your reply to: