Tagged: , , , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #20950

    Hi there guys,

    Everything looks good in Chrome & Firefox but when I’m using Explorer my website (husaclucian.com) and your Angular demo page look broken. As far as I see, the problem are:

    – nav, footer and posts (description) text are all broken – most of the characters are missing

    – portfolio showcase – extra space between items.

    Any ideas on how to fix it?



    Hi Casuh,

    I’m not getting any issues with IE when viewing your site right now using both IE9 and IE8 (though the box shadow doesn’t exist with IE8 so it appears as a border on portfolio items).

    Which browser and IE version are you using to check?




    I’ve checked it on IE9 64-bit edition and it looks broken.

    Indeed, on the IE9 32-bit version things look good.

    Thanks Devin


    That is definitely strange, I’m using 64 bit as well and that is where I’m not getting any issues.

    Are you able to test it on another computer or post a screenshot?


    Sorry for my late reply but I was pretty busy lately.

    Here you can see the screenshot http://husaclucian.com/HLM.png – note hwo the menu and slider description look.


    The problem is the Helvetica font which is installed on your system. Angular uses Helvetica (or Neue Helvetica) as the default website font and in your case the Helvetica font file is broken.

    Three solutions:

    1) Install a proper Helvetica font pack on your windows pc. Make sure that you remove all “old” Helvetica fonts first.´

    2) Uninstall all Helvetica fonts. Your Win PC will then use Arial.

    3) Add following code to css/custom.css:

    .main_menu ul:first-child > li > a{
    font-family: Arial, "HelveticaNeue", "Helvetica Neue", Helvetica, Verdana, sans-serif;

    .widgettitle, .miniheading, .author_name, #reply-title, #top .logged-in-as, .dynamic-column-title{
    font-family: Arial, "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;

    #top #wrap_all .big_button{
    font-family: Arial, "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;

    body {
    font-family: Arial, "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;

    The css code will replace the “default” Helvetica font with Arial. Macs will still use Helvetica because they don’t have Arial installed.

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Internet Explorer problem’ is closed to new replies.