Font face is not working on IE or EDGE

  • lenvo

    (@lenvo)


    9 years ago

    Hello,

    Social icons on my WP 4.4.2 website viewed empty in IE and Edge browsers.I guess this problem has something to do that Edge cannot recognizing EOT font face. The fonts are within the directory.

    Screenshot issue
    Debugger Edge screenshot

    Fixes i tried:

    – Edit dashicons.css & dashicons-min.css to fix IE bug:
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'),
    – Empty browser cache
    – Unactivated all plugins
    – Contacted ThemeIsle (template builder) but no fix yet

    I have the following CSS that works within Chrome/Firefox but not within IE/EDGE:

    dashicons.css

    @font-face {
	font-family: dashicons;
	src: url(../fonts/dashicons.eot);
}

    dashicons-min.css
    @font-face{font-family:dashicons;src:url(../fonts/dashicons.eot)}

    – Llorix one 1.0.0.6 template I use (works well: no empty icons in IE/Edge)
    Llorix one demo
    – WordPress 4.4.2

    Unfortunately I cannot link to my website because maintaince mode is active.

    Any syggestions how to fix this problem?

    Regards,

    Lennart

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter lenvo

    (@lenvo)

    Anyone can help me out on this?

    Debugger Edge messages:

    CSS3120: No fonts available

    CSS3113
"@font-face mismatch between document origin and EOT root string"
The font cannot be used because the URL(rootstring) in the "Embedded OpenType font (EOT)" does not match the domain of the document using the font.
The URL checksum in the "EOT" rootstring might be incorrect, indicating a corrupt or altered URL for the font. Ensure that the font is licensed or has permissions for the website where the fonts are being used.
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Check the demo of the font itself in IE to see if that’s an issue.

    Also try to replicate the issue in JSFiddle for us

    Thread Starter lenvo

    (@lenvo)

    Thanks for your reply.

    When I check font in Edge debugger I see many questionmarks ?? in dashicons.eot.

    Here is the link to my website:
    Website

    Best regards,

    Lennart

    Thread Starter lenvo

    (@lenvo)

    Any suggestions? Hope someone could help me out on this!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Please be more patient.
    Did you check the font demo? Companies that distribute fonts usually have a demo page to see the font in action. Check the font in the browser with the issue.

    Thread Starter lenvo

    (@lenvo)

    Thanks for your reply Andrew. ??

    I found the page of Dashicons:
    Dashicons
    I checked Dashicons CSS and font files in my template, but so far my knowledge goes configuration seems ok. I searched for more information about Dashicon browser issues but unfortunately not found a answer to this particular problem.

    Unfortunately I did not found out how to fix the missing dashicons icons in IE/Edge browsers. The debugger messages does not make me much wiser.

    Best regards,

    Lennart

    Thread Starter lenvo

    (@lenvo)

    Hello,

    For 2 days I try to resolve this problem, I really hope someone can provide me some help.

    in IE browsers @font-face “dashicons” is not working on my website. Icons are not visible on my website. In other browsers @font-face “dashicons” works well.

    WordPress 4.4.2 – Llorix One theme
    Website

    Debugger report Explorer:
    CSS3113 “@font-face mismatch between document origin and EOT root string”

    Any suggestions how to fix this @font-face error?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    There’s more than what you’re telling us.

    [Comments redacted]

    An incorrect ‘rootstring’ would mean that your font’s vendors didn’t set it to be distributed properly, or it didn’t belong to them.

    The RootString in the EOT file must be set by the authoring tool in a manner consistent with the EULA permissions. A null RootString, indicating the font may be used for any site, must only be used if the font’s owner gives permission to all people everywhere to use the font for embedding.

    https://www.w3.org/Submission/EOT/#RootString

    The knowledge of this @font-face error is in the person who created the theme.

    If you cannot get hold of that person then you might have to look for alternative themes, or pay for someone to look into your issue. Please don’t continue to bump your thread.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Font face is not working on IE or EDGE’ is closed to new replies.