3 Replies Latest reply on Apr 7, 2016 12:45 AM by Tony Seoud brandm

    Is it possible that any of your fonts can corrupted or not working fully?

    Tony Seoud brandm

      I'm working on a website Smokin' Joe's | Pizza & Grill hosted on Adobe BC.

      Template was purchased from BCGURUS. The original template is working fine with a different font: HAYMAKER | Fine Bar & Grill

      Client requested to use font: ff prater sans web

      I did everything as per instructions. Created a kit, change my main CSS files to use the font:

       

      @font-face{

          font-family: "ff-prater-sans-web",sans-serif;

      font-style: normal !important;

      font-weight: 400;

      font-variant: normal !important;

      letter-spacing: normal !important;

      font-kerning: none;

      }

      /*     src:url('/fonts/haymaker-webfont.eot');

          src:url('/fonts/haymaker-webfont.eot?#iefix') format('embedded-opentype'),

              url('/fonts/haymaker-webfont.svg#haymakerregular') format('svg'),

              url('/fonts/haymaker-webfont.woff') format('woff'),

              url('/fonts/haymaker-webfont.ttf') format('truetype');

          font-weight:normal;

          font-style:normal;

      }*/

       

       

      This worked perfectly on my desktop, on any browser and any screen size but didn't work properly on mobile (was using iPhone 5c - fully updated)

      Looked like some kerning problem. Spaces between letters are not consistent .

      I tried upgrading Jquery and did some changes with some CSS classes but nothing worked.

      How can I solve this problem?

      Is it the font itself?

       

      Would appreciate a feed back.