Navigation
Archive / Mobile Apps not loading pages correctly
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 16, 2016 at 3:37 pm #1178645
    grimmone
    Participant

    I am having an issue with the way my site is loading on mobile browsers (safari, chrome, etc…). My site ( http://www.hughgalloway.com ) looks fine on my laptop and PC but isn’t loading correctly on ipads, iphones, android phones, or other smart devices.
    Please advise!!!

    September 16, 2016 at 3:46 pm #1178652
    grimmone
    Participant

    custom fonts are also not loading correctly

    September 16, 2016 at 4:34 pm #1178681
    grimmone
    Participant

    fixed mobile issue by turning off jetpack mobile option… still haven’t been able to figure out the mobile font issue.

    this is my custom css code:

    @import url(http://www.hughgalloway.com/TRANSFORMERS.TTF); !important

    @font-face {
    font-family: TRANSFORMERS; !important
    src: url (http://www.hughgalloway.com/TRANSFORMERS.TTF); !important
    }

    /* Custom Header Fonts */
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
    font-family:TRANSFORMERS ; !important
    }

    September 16, 2016 at 5:05 pm #1178699
    grimmone
    Participant

    also have tried:

    /* Custom Fonts */

    @font-face {
    font-family: ‘Transformers’;
    src: url(‘http://www.hughgalloway.com/Transformers.eot’); !important
    src: url(‘http://www.hughgalloway.com/Transformers.woff’) format(‘woff’); !important
    src: url(‘http://www.hughgalloway.com/Transformers.ttf’) format(‘truetype’); !important
    src: url(‘http://www.hughgalloway.com/Transformers.svg’) format(‘svg’); !important
    font-weight: normal;
    font-style: normal;
    }

    /* Custom Header Fonts */
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
    font-family: Transformers ; !important
    }

    September 16, 2016 at 5:16 pm #1178705
    grimmone
    Participant

    fixed the issue using https://onlinefontconverter.com/ and this code

    /* Custom Fonts */

    @font-face {
    font-family: ‘Transformers’;
    src: url(‘Transformers.eot’);
    src: url(‘Transformers.woff2’) format(‘woff2’),
    url(‘Transformers.eot?#iefix’) format(’embedded-opentype’);
    font-weight: normal;
    font-style: normal;
    }

    @font-face {
    font-family: ‘TransformersNormal’;
    src: url(‘TransformersNormal.woff’) format(‘woff’),
    url(‘TransformersNormal.ttf’) format(‘truetype’),
    url(‘TransformersNormal.svg#TransformersNormal’) format(‘svg’);
    font-weight: normal;
    font-style: normal;
    }

    September 17, 2016 at 1:03 am #1179062
    Christopher
    Moderator

    G;ad to hear that you were able to fix it.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1178645 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>