Vraag Laat Adobe-fonts werken met CSS3 @ font-face in IE9


Ik ben bezig met het bouwen van een kleine intranetapp en probeer zonder veel geluk te gebruiken Adobe-lettertype Ik heb de laatste tijd gekocht. Zoals mij werd medegedeeld, is het in ons geval geen overtreding van de licentie.

Ik heb de .ttf / .otf-versies van het lettertype geconverteerd naar .woff, .eot en .svg, dus om alle belangrijke browsers te targeten. De syntaxis van @ font-face die ik heb gebruikt, is eigenlijk de kogelbestendige syntaxis Lettertype Lente:

@font-face {
    font-family: 'MyFontFamily';
    src: url('myfont-webfont.eot');
    src: url('myfont-webfont.eot?#iehack') format('eot'), 
         url('myfont-webfont.woff') format('woff'), 
         url('myfont-webfont.ttf')  format('truetype'),
         url('myfont-webfont.svg#svgFontName') format('svg');
    }

Ik heb de HTTP-headers aangepast (Access-Control-Allow-Origin = "*" toegevoegd) om verwijzingen tussen domeinen toe te staan. In FF en Chrome werkt het perfect, maar in IE9 krijg ik:

CSS3111: @font-face encountered unknown error.  
myfont-webfont.woff
CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable. 
myfont-webfont.ttf

Ik heb gemerkt dat bij het converteren van lettertypen van .ttf / .otf naar .woff ik ook een .afm bestand, maar ik heb geen idee of het belangrijk is of niet ...

Heb je ideeën om het uit te werken?

[Bewerken] - Ik host mijn websites (ook lettertypen, maar onder een afzonderlijke map en subdomein voor statische inhoud) onder IIS 7.5


128
2018-04-07 21:35


oorsprong


antwoorden:


Ik kan je alleen uitleggen hoe je de "CSS3114" -fout kunt herstellen.
U moet het inbeddingsniveau van uw TTF-bestand wijzigen.

Gebruik van de juiste gereedschap je kunt het instellen installeerbare inbedding toegestaan.
Controleer @ user22600's voor een 64-bits versie antwoord.


93
2018-04-10 07:41



U moet het formaat van het ie-lettertype instellen op 'embedded-opentype' en niet op 'eot'. Bijvoorbeeld:

src: url('fontname.eot?#iefix') format('embedded-opentype')

33
2018-03-27 08:27



Zoals Knu zei, kun je gebruiken deze tool, maar het is alleen gecompileerd voor MS-DOS. Ik heb het gecompileerd voor Win64. Download.

Gebruik:

  1. Plaats de .exe in dezelfde map als het lettertype dat u moet wijzigen

  2. Navigeer naar die map op de opdrachtregel

  3. type embed fontname.fonttype, het vervangen van de fontname door de bestandsnaam en het lettertype met de extensie, d.w.z. embed brokenFont.ttf

  4. Helemaal klaar! Uw lettertype zou nu moeten werken.


33
2018-04-11 16:54



Ik kreeg de volgende foutmelding:

CSS3114: @ font-face failed OpenType embeding permission check. Toestemming moet installeerbaar zijn.
  fontname.ttf

Na het gebruik van de onderstaande code is mijn probleem opgelost ...

src: url('fontname.ttf') format('embedded-opentype')

Bedankt jongens voor het helpen van mij!
cheers,
Renjith.


12
2018-04-20 07:19



Probeer dit, voeg deze regels toe in web.config.

<system.webServer>
  <staticContent>
     <mimeMap fileExtension=".woff" mimeType="application/octet-stream" />
  </staticContent>
</system.webServer>

9
2018-01-29 23:14



Een ander antwoord: juridische kwesties.

Er zijn een paar dingen om op te merken voordat je dit doet. Ten eerste, om deze fout te krijgen, in IE, het element te inspecteren, van tab te wisselen en naar fouten te zoeken, geloof ik dat "CSS3114" in de console verschijnt.

Wat u moet begrijpen, is dat dit een licentiekwestie is. D.W.Z. (bedoelde woordspeling) als je probeert een lettertype te laden dat deze fout veroorzaakt, heb je geen rechten op het bestand om het lettertype te gebruiken, en als je geen toestemming hebt, is het zeer waarschijnlijk dat je een legaal strijd (wat op zichzelf hoogst onwaarschijnlijk is) over het gebruik van dit lettertype op deze manier, tenzij u de licentie bezit. Dus, je kunt IE voor het eerst bedanken dat je de enige browser bent die je "nee" zegt, omdat het je in ieder geval laat weten dat je iets dubieus aan het doen bent.

Dat gezegd hebbende, hier is uw antwoord:

Zorg er eerst voor dat je de beste code gebruikt in .css, zie daar enkele van de andere css-antwoorden voor.
Voorbeeld van IE 11 css (werken in alle moderne browsers moet mogelijk worden aangepast voor IE9):

@font-face {
font-family: "QuestionableLegalFont";
font-weight: bold;
src: url('../fonts/QuestionableLegalFont.ttf') format('truetype');
}

Zorg er vervolgens voor dat je een werkend web-lettertype hebt (dit weet je waarschijnlijk al door je lettertype in andere browsers te zien). Als je een online lettertype-omzetter nodig hebt, kijk dan hier: https://onlinefontconverter.com/

Tot slot, Om de "CSS3114" -fout te verwijderen. Klik hier voor een online tool: https://www.andrebacklund.com/fontfixer.html


8
2018-01-13 19:21



Het is waar dat IE9 TTF-lettertypen vereist om de insluitingsbits ingesteld op Installeerbaar te hebben. De Generator doet dit automatisch, maar we blokkeren momenteel Adobe-lettertypen om andere redenen. We kunnen deze beperking in de nabije toekomst opheffen.


7
2018-04-14 00:45



Ik heb veel tijd verspild vanwege dit probleem. Eindelijk vond ik zelf een geweldige oplossing. Voordat ik .ttf-lettertype alleen gebruikte. Maar ik voegde een extra doopvontformaat toe .eot dat begon te werken in DWZ.

Ik gebruikte de volgende code en het werkte als charme in alle browsers.

@font-face {
font-family: OpenSans;
src: url(assets/fonts/OpenSans/OpenSans-Regular.ttf), 
url(assets/fonts/OpenSans/OpenSans-Regular.eot);
}

@font-face {
font-family: OpenSans Bold;
src: url(assets/fonts/OpenSans/OpenSans-Bold.ttf),
url(assets/fonts/OpenSans/OpenSans-Bold.eot);
}

Ik hoop dat dit iemand zal helpen.


7
2017-10-06 11:15



Als een Mac-gebruiker kon ik de MS-DOS- en Windows-opdrachtregelhulpprogramma's die werden genoemd, niet gebruiken om de toestemming voor het insluiten van lettertypen te corrigeren. Ik kwam er echter achter dat je dit met FontLab kunt oplossen om de toestemming in te stellen op 'Alles is toegestaan'. Ik hoop dat dit recept over hoe stel de font-machtiging in voor installeerbaar op Mac OS X. is ook nuttig voor anderen.


4
2017-11-16 01:06