I'd like to know if it's possible to to use CSS rules such as @font-face within the CSS Editor (or does it have to be inserted within Custom HTML instead?)

There are no style restrictions at all, you can import a font within the CSS or you could also include a `<link>` tag to bring in (for example) fonts from Google Webfonts.