Skip to main content

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.


Hi, I got the problem my custom font only works on Firefox dev edition. Did you find a solution?


https://landing.trn.eu/man-etgm/

Hey @marit-trn,


It seems like the URL(s) you are trying to load your custom font don’t actually have it.


Check your server settings and make sure you are allowing fonts to be loaded from a sub-domain.


Best,

Hristian


Hey,


Thanks, I will contact my hosting. 🙂 The files are located on the FTP but not showing when going to the url.

Reply


Terms & ConditionsCookie settings