Add Icon Fonts (Font Awesome, etc)

Community resources Product feedback
4

As a work around for this, it doesn’t work in preview, but does when exporting.

Put your font files on a server somewhere, and use the custom code section of the site settings. e.g.

<style type="text/css">
@font-face {
    font-family: 'icon-name';
    src: url('http://path-to-file.eot');
    src: url('http://path-to-file.eot?#iefix') format('embedded-opentype'),
         url('http://path-to-file.woff') format('woff'),
         url('http://path-to-file.ttf') format('truetype'),
         url('http://path-to-file.svg#cc-icons-1medium') format('svg');
    font-weight: normal;
    font-style: normal;

}
.cc-icon {font-family: 'icon-name', Arial, sans-serif; }

Then paste the unicode characters in to see them in the preview, and the replaced characters will show when published.

Some characters are being stripped out past unicode 12000 though, not sure what the issue is.

1 Like