Ondersteuning » Code oplossingen gezocht » @font-face foutmelding

@font-face foutmelding

  • lenvo

    (@lenvo)


    8 jaren, 1 maand geleden

    Website link

    Hallo,

    In browsers van Edge en Explorer wordt een @font-face-lettertype-indeling niet herkend. @font-face Dashicons.eot is hierom niet leesbaar in deze browsers. In andere browsers (Firefox en Chrome bijvoorbeeld) worden deze wel goed gelezen. Alle iconen op de website werken hierdoor niet in Edge of Explorer.

    Debugger Edge:
    CSS3113: @font-face-lettertype-indeling niet herkend
    dashicons.eot

    De template ontwikkelaar denkt dat dit een hosting probleem is. Maar van mijn hosting krijg ik ook geen duidelijkheid. Ik heb werkelijk alles geprobeerd om dit probleem op te lossen, vooralsnog zonder succes. Welke held kan mij helpen?

    Zover ik met mijn enigszins beperkte technische kennis kan concluderen (echt alles geprobeerd) zit het probleem niet in het template, templatebestanden of wordpress installatie. Kan het met de database te maken hebben? Ik heb de website wel verhuisd naar een ander domein maar weet niet exact wanneer het probleem is ontstaan.

    Ik hoop ontzettend dat jullie me kunnen helpen, dit gaat mij technisch boven de pet vrees ik. Als ik een nieuwe WordPress installatie aanmaak met dit template werkt alles wel naar behoren in alle browsers.

    Llorix OneVersie: 1.0.0.6
    WordPress 4.4.2

    Screenshot probleem
    Screenshot debugger

    Met vriendelijke groet,

    Lennart

1 reactie aan het bekijken (van in totaal 1)
  • AccountClosed

    (@wistudatbe)

    8 jaren, 1 maand geleden

    Heeft te maken met de extensie van je fonts, voorbeeld:

    @font-face {
  font-family: 'MijnFont';
  src: url('webfont.eot'); /* IE9 */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* LAATSTE NIEUWE BROWSERS */
       url('webfont.woff') format('woff'), /* RECENTE BROWSERS */
       url('webfont.ttf')  format('truetype'), /* IOS, SAFARI, ANDROID */
       url('webfont.svg#svgFontName') format('svg'); /* LEGACY iOS */
}

    De meeste browsers gebruiken verschillende extensies om het font te lezen.
    Antwoord gevonden via: https://css-tricks.com/snippets/css/using-font-face/
    Hopelijk een antwoord op je vraag 😉

    M.v.g., Danny
    Style your own WordPress with WP Tiles WUD!

1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘@font-face foutmelding’ is gesloten voor nieuwe reacties.

Weergaven