Support » Theme: Hueman » IE 8 not compatible

  • Resolved Jedder

    (@jedder)


    Hello,

    I’m nearly done a site I’ve been working on – http://ninkasi.unbc.ca/htdocs_cca/ – however, I got an email from someone saying it didn’t work on IE8. I opened it up in IE and using development mode I viewed it in IE 8 and document mode 8 and sure enough the site is all screwed up. However, I also checked the Hueman demo theme and it has the same issues. Is there a fix for this? Any suggestions appreciated, thanks.

Viewing 10 replies - 1 through 10 (of 10 total)
  • Today I also checked our new art website http://www.scherenschnitt.org with the developer tool on IE 11.0.9600.16476

    Much to my dismay our site (and also the developers demosite) seems to be completely broken with IE8 and below. Fortunately I have access to some older PCs with WinXP and native IE8 installed. On one only the top-menu was broken and on the other the site seems to be ok at all.

    Bottom line: It seems to be a problem with the IE developer tool and not necessarily with the native IE8.

    When the page goes blank, it’s because of selectivizr.js + @font-face. Whether the bug is limited to and only shows in developer tools such as IETester or I’m unable to tell, as I have no machine running standard IE8.

    @kunststoffweb – good news if that is the case.

    More on this issue here.

    Thread Starter Jedder

    (@jedder)

    Thanks for the help. I put the @font declarations in the html like the other forums mentioned and that worked. Also, I think I can confirm the other issues are IE developer and not actually native to IE8 as KunststoffWeb mentioned. Thanks again.

    Can someone describe in layman terms how to add this @font declarations. I can edit the code via wordpress it seems.

    I’m not a techie and my site doesn’t open at all with IE.

    @jedder, could you give details on how it works? I still get a blank page.

    @lixunhuan: If you require assistance then, as per the Forum Welcome, please post your own topic.

    This topic has been resolved.

    Thread Starter Jedder

    (@jedder)

    @fitfactoryng and Lixunhuan

    Comment out the @font declarations in style.css using /*@font declarations are in here*/

    Then in header.php just below the <head> tag paste the following code (which is just from the style.css). I’m not a programmer/coder or anything either so I just kinda had to work at it until it worked. The only hitch you may have is if your file paths are wrong, you should just be able to do relative file paths I think but I had to specify up to /wp-content. Hope that works for you.

    <STYLE type=”text/css”>

    @font-face {
    font-family: ‘Titillium’;
    src: url(‘/wp-content/themes/hueman/fonts/titillium-light-webfont.eot’);
    src: url(‘/wp-content/themes/hueman/fonts/titillium-light-webfont.svg#titillium-light-webfont’) format(‘svg’),
    url(‘/wp-content/themes/hueman/fonts/titillium-light-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘/wp-content/themes/hueman/fonts/titillium-light-webfont.woff’) format(‘woff’),
    url(‘/wp-content/themes/hueman/fonts/titillium-light-webfont.ttf’) format(‘truetype’);
    font-weight: 300;
    font-style: normal;
    }

    @font-face {
    font-family: ‘Titillium’;
    src: url(‘/wp-content/themes/hueman/fonts/titillium-lightitalic-webfont.eot’);
    src: url(‘/wp-content/themes/hueman/fonts/titillium-lightitalic-webfont.svg#titillium-lightitalic-webfont’) format(‘svg’),
    url(‘/wp-content/themes/hueman/fonts/titillium-lightitalic-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘/wp-content/themes/hueman/fonts/titillium-lightitalic-webfont.woff’) format(‘woff’),
    url(‘/wp-content/themes/hueman/fonts/titillium-lightitalic-webfont.ttf’) format(‘truetype’);
    font-weight: 300;
    font-style: italic;
    }

    @font-face {
    font-family: ‘Titillium’;
    src: url(‘/wp-content/themes/hueman/fonts/titillium-regular-webfont.eot’);
    src: url(‘/wp-content/themes/hueman/fonts/titillium-regular-webfont.svg#titillium-regular-webfont’) format(‘svg’),
    url(‘/wp-content/themes/hueman/fonts/titillium-regular-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘/wp-content/themes/hueman/fonts/titillium-regular-webfont.woff’) format(‘woff’),
    url(‘/wp-content/themes/hueman/fonts/titillium-regular-webfont.ttf’) format(‘truetype’);
    font-weight: 400;
    font-style: normal;
    }

    @font-face {
    font-family: ‘Titillium’;
    src: url(‘/wp-content/themes/hueman/fonts/titillium-regularitalic-webfont.eot’);
    src: url(‘/wp-content/themes/hueman/fonts/titillium-regularitalic-webfont.svg#titillium-regular-webfont’) format(‘svg’),
    url(‘/wp-content/themes/hueman/fonts/titillium-regularitalic-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘/wp-content/themes/hueman/fonts/titillium-regularitalic-webfont.woff’) format(‘woff’),
    url(‘/wp-content/themes/hueman/fonts/titillium-regularitalic-webfont.ttf’) format(‘truetype’);
    font-weight: 400;
    font-style: italic;
    }

    @font-face {
    font-family: ‘Titillium’;
    src: url(‘/wp-content/themes/hueman/fonts/titillium-semibold-webfont.eot’);
    src: url(‘/wp-content/themes/hueman/fonts/titillium-semibold-webfont.svg#titillium-semibold-webfont’) format(‘svg’),
    url(‘/wp-content/themes/hueman/fonts/titillium-semibold-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘/wp-content/themes/hueman/fonts/titillium-semibold-webfont.woff’) format(‘woff’),
    url(‘/wp-content/themes/hueman/fonts/titillium-semibold-webfont.ttf’) format(‘truetype’);
    font-weight: 600;
    font-style: normal;
    }

    </STYLE>

    Thanks Jedder, it works! To get it work, I also need to remove this line in function.php: wp_enqueue_style( ‘font-awesome’, get_template_directory_uri().’/fonts/font-awesome.min.css’ )

    Comment out the @font declarations in style.css using

    No! Do not edit the theme itself. First create a child theme for your changes. Or install a custom CSS plugin.

    thecrisf86

    (@thecrisf86)

    try this:
    find all <script on your theme file and add type="text/javascript"

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘IE 8 not compatible’ is closed to new replies.