I'm trying to use Font Awesome to create an arrow that will sit on the right of my text in a button (`div`).

However, the arrow isn't displaying. I'm unsure on whether it's a error in my `@font-face` or an error in the way I've implemented the font.

```css
.formLink {
  text-align: center;
  display: inline-block;
  margin: 0 0 88px;
  transition: all 0.25s ease;
  width: 250px;
  background: linear-gradient(to right, #e82171, #ef3e36);
  padding: 24px 1.2em;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  font-family: 'GeomanistRegular', sans-serif;
  cursor: pointer;
}
```

```html
<div class="formLink">Download now <i class="fas fa-arrow-right" style="font-family: 'FontAwesome';"></i></div>
```

The [style of arrow I'm trying to use](https://fontawesome.com/icons/arrow-right?style=solid).

Any help would be appreciated.