Custom Fonts

Hello, I am trying to install a custom font for my clients landing page. I have followed all the instructions from this tutorial. The custom font works on chrome and mozilla, but doesn’t work on Safari.

This is my CSS. Any insight will be greatly appreciated. And this is the page I am working on https://corvusjanitorial.com/getting-started-commercial-cleaning/

<style>

  /**
    * Do not remove this section; it allows our team to troubleshoot and track feature adoption. 
    * TS:0001-07-008
  */
  
  @font-face {
    font-family: 'Airbnb Cereal App Book';
    src: url('corvusjanitorial.com/wp-content/themes/genesis-sample/fonts/AirbnbCerealBook.woff') format('woff');
    
    @font-face {
font-family: ‘Airbnb Cereal App Medium’;
src: url('corvusjanitorial.com/wp-content/themes/genesis-sample/fonts/AirbnbCerealMedium.woff')  format(‘woff’),
    url(‘corvusjanitorial.com/wp-content/themes/genesis-sample/fonts/AirbnbCerealMedium.woff2’) format(‘woff2’),
  url(‘corvusjanitorial.com/wp-content/themes/genesis-sample/fonts/AirbnbCerealMedium.eot’) format(‘eot’),
  url(‘corvusjanitorial.com/wp-content/themes/genesis-sample/fonts/AirbnbCerealMedium.ttf’) format(‘truetype’);
}
      @font-face {
font-family: ‘Airbnb Cereal App Bold’;
src: url('corvusjanitorial.com/wp-content/themes/genesis-sample/fonts/AirbnbCerealBold.woff');
}

      @font-face {
font-family: ‘Airbnb Cereal App Extra Bold’;
src: url('corvusjanitorial.com/wp-content/themes/genesis-sample/fonts/AirbnbCerealExtraBold.woff'),
  url('corvusjanitorial.com/wp-content/themes/genesis-sample/fonts/AirbnbCerealExtraBold.ttf');
}

  
</style>

Not sure if you solved this, try adding the “https://” in front of the URL. Also, Safari can be a real pain sometimes.