Adding a custom Web Font & Transparent Backgrounds

Hi,

Heres what I tried… The font is HVD Comic Sans (as an example of one of two fonts I want to use).

I tried to import that directly into into Hype using the following steps:

  1. Wrote my css font family code -

    @font-face {
    font-family: ‘HVD Comic Serif Pro’;
    src: url(’${resourcesFolderName}/HVD_COMIC_SERIF_PRO.ttf’) format(‘truetype’);
    }

  2. I converted the .otf file to .ttf since I see that hype might not support otf? Its not referenced in the doc, but all the others are.

  3. Added resource file to project.

  4. Use the add css in the add font - defined the font name, css name, font family style (above, #1) and its just not recognizing the font in the grumpy wizard preview or anywhere else.

I also tried to host it on typefront - this worked - BUT I got frustrated when the font wouldnt show in the preview! I realize theres a way to resolve that - but at that point I decided to add locally hence where I am now (stuck, can’t add fonts).

Any suggestions to add based on my steps 1-4 from earlier? Anything else I can do?