I am trying to us a custom font in my html-file. I have uploaded the font files to github and hosted a css file on github. I checked several times that the links work and that the font-files contain actual fonts. My problem is that the text in the HTML document is displayed in the standard font and not in the 'kievit' font. Can anyone spot my mistake?

Thank you!

The CSS code in kievit.css is:

```css
@font-face {
                      font-family: 'kievit';
                      src: local('kievit'),url(https://cdn.rawgit.com/../Kievit-Medium.woff) format('woff');
                     src: local('kievit'), url(https://cdn.rawgit.com/../Kievit-Medium.eot);
        }
     @font-face {
                              font-family: 'kievit';
                              font-style: italic;
                              font-weight: bold;
                              src: local('kievit'), url(https://cdn.rawgit.com/../Kievit-BoldItalic.woff) format('woff');
                             src: local('kievit'), url(https://cdn.rawgit.com/../Kievit-BoldItalic.eot);
                }
```

```html

        <html>
      <head>
        <link rel="stylesheet"
              href="https://rawgit.com/../kievit.css" type="text/css">
    </head>
        <span style="font-family: 'kievit', sans-serif; font-size: 36px;"> Making the Web Beautiful</span>
        <br> <br>
        <span style="font-family: 'arial'; font-size: 36px;"> Making the Web Beautiful</span>
    </html>
```

Edit: I changed the font-style to font-family as suggested, but it still does not work. I the first line is still rendered in arial instead of my custom font.