RH2017 - How do I import new fonts in RH2017 project

The linked 'dummies' page above indicates you don't need to install the font on the server:

"When you begin hosting on a web server, you’ll want to move your font file to the server along with all the other resources your web page needs."

The missing bit is setting up an @font-face definition. If you don't have this, you can't get the fonts working.

To test this, I downloaded a free font but didn't install it.
https://www.fontsquirrel.com/fonts/Amadeus

I added it as a baggage file in the root of my project and added the following code to the stylesheet:

@font-face {

font-family: "Amadeus";

src: url("amadeus.ttf");

}

Note: In this test the url must be the relative path from your stylesheet to the image. The easiest way is to add the font as a baggage file in the same directory as your stylesheet so you don't have to worry about it.

Then, also editing the stylesheet manually I updated the h1 - font-family: Amadeus;. This bit is only necessary because I haven't installed the font. Normally you can just select the font using the stylesheet editor.

Because I didn't install it, I can't see the font in RH:

But then I generated and voila:

I didn't upload to a web server, but my reading of the "dummies" link above indicates this should work exactly the same way.

As far as I can see in RH2017, there is no way to automatically add the @font-face statement. Creating a font set only lets you manually name a font or group of fonts that are already installed on your computer.

Summary:

1. Add font as baggage

2. Manually add @font-face definitions to the stylesheet.

You can either enter a relative path to your baggage file OR an absolute path on the webserver. You might use the absolute path if you have a corporate location for the font e.g. https://mycompanywebsite.com/corporate/fonts/myfont.ttf