Fac activelor pre-compilarea și rularea aplicației în modul de producție. După compilare când am încărca mea pagina de index am primit următoarele avertismente în chrome consola:
Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.ttf?v=2.0.0
prospects:1 OTS parsing error: invalid version tag
Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.woff?v=2.0.0
prospects:1 OTS parsing error: invalid version tag
Problema este nu de încărcare icoane în loc de asta își arată pătrate.
am folosit fonturi personalizate și codul este:
@font-face {
font-family: 'icomoon';
src: font-url('icomoon.eot');
src: font-url('icomoon.eot?#iefix') format('embedded-opentype'),
font-url('icomoon.ttf') format('truetype'),
font-url('icomoon.woff') format('woff'),
font-url('icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
Eu nu't știu ce lipsește din partea mea . Am căutat-o mult și a încercat, de asemenea, soluție, dar nu a primit nici un succes.În modul de dezvoltare sale de lucru bine, dar nu't știu de ce își arată piața în modul de producție.
Am si eu exact aceeasi eroare, iar în cazul meu s-a dovedit a fi din cauza o cale greșită pentru `@font-face declarația. Web inspector nu s-a plâns cu 404 de la dev server am're folosind (live-server) a fost configurat pentru a servi default index.html pe orice 404:s. Fără a cunoaște detalii despre setup-ul, acest lucru ar putea fi un posibil vinovat.
În cazul în care rulează pe IIS ca server și .net 4/4.5 ar putea fi lipsesc mime / extensia de fișier definiții în Web.config - astfel:
<system.webServer>
<staticContent>
<remove fileExtension=".eot" />
<mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
<remove fileExtension=".ttf" />
<mimeMap fileExtension=".ttf" mimeType="application/octet-stream" />
<remove fileExtension=".svg" />
<mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
<remove fileExtension=".woff" />
<mimeMap fileExtension=".woff" mimeType="application/font-woff" />
</staticContent>
</system.webServer>
Am avut aceeași problemă., OTS eroare de analiză: nu a Reușit să convertească WOFF 2.0 font la SFNT (index):1 nu a Reușit să decode font descărcat: http://dev.xyz/themes/custom/xyz_theme/fonts/xyz_rock/rocksansbold/Rock-SansBold.woff2
Dacă ați primit acest mesaj de eroare în timp ce încerca să se angajeze dvs. de font atunci este o problemă cu .gitattributes
"avertizare: CRLF va fi înlocuit de LF
"
Soluția pentru acest lucru este adăugarea orice font vă sunt obtinerea de problema cu în .gitattributes
*.ttf -text diff
*.eot -text diff
*.woff -text diff
*.woff2 -text diff
Apoi am șters corupte fișiere de font și reaplicat noul font fișiere și este mare lucru.
încercați
@font-face {
font-family: 'icomoon';
src: asset-url('icomoon.eot');
src: asset-url('icomoon.eot?#iefix') format('embedded-opentype'),
asset-url('icomoon.ttf') format('truetype'),
asset-url('icomoon.woff') format('woff'),
asset-url('icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
și redenumiți fișierul dvs. la cerere.css.scss`
Am avut aceeasi problema si asta a fost din cauza git tratarea acestor fișiere ca text. Deci, în timp ce verificarea fișiere în a construi agenți, binar nu a fost menținută.
Adăugați acest la .gitattributes
fișierul și încercați.
*.eot binary
*.ttf binary
*.woff binary
*.woff2 binary
Atunci când se utilizează unghiular-cli
, asta e ceea ce funcționează pentru mine:
<?xml version="1.0" encoding="utf-8"?>
<configuration>
<system.webServer>
<staticContent>
<remove fileExtension=".eot" />
<mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
<remove fileExtension=".ttf" />
<mimeMap fileExtension=".ttf" mimeType="application/octet-stream" />
<remove fileExtension=".svg" />
<mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
<remove fileExtension=".woff" />
<mimeMap fileExtension=".woff" mimeType="application/font-woff" />
<remove fileExtension=".woff2" />
<mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
<remove fileExtension=".json" />
<mimeMap fileExtension=".json" mimeType="application/json" />
</staticContent>
<rewrite>
<rules>
<rule name="AngularJS" stopProcessing="true">
<match url="^(?!.*(.bundle.js|.bundle.js.map|.bundle.js.gz|.bundle.css|.bundle.css.gz|.chunk.js|.chunk.js.map|.png|.jpg|.ico|.eot|.svg|.woff|.woff2|.ttf|.html)).*$" />
<conditions logicalGrouping="MatchAll">
</conditions>
<action type="Rewrite" url="/" appendQueryString="true" />
</rule>
</rules>
</rewrite>
</system.webServer>
</configuration>
Am fost obtinerea următoarele erori:
Failed to decode downloaded font: [...]/fonts/glyphicons-halflings-regular.woff2
OTS parsing error: invalid version tag
care a fost fixat după descărcarea de fișiere raw direct din:
https://github.com/twbs/bootstrap/blob/master/fonts/glyphicons-halflings-regular.woff2
Problema a fost că nu a fost un proxy de eroare atunci când descărcarea de fișiere (conținea HTML mesaj de eroare).
Du-te la adresa de mai jos pe GitHub și de a descărca fiecare dintre FontAwesome fișiere.
https://github.com/FortAwesome/font-awesome-sass/tree/master/assets/fonts/font-awesome
...dar în loc de clic-dreapta și salvarea link-ul ca, faceți clic pe fiecare dintre fișierele și de a folosi 'Descărcare' buton pentru a le salva.
Am constatat că salvarea link-ul ca și descărcat-o pagină HTML și nu FontAwesome fișier binar în sine.
După ce am avut toate binare ea a lucrat pentru mine.
Problema mea a fost că am fost de declarare a două fonturi, și scss pare să ne așteptăm că veți declara numele fontului.
după
@font-face{}
trebuie să declare
$mi-font: "OpenSans3.0 sau indiferent";
și asta pentru each font-face.
:-)
Pentru unghiular-cli și webpack utilizatorii-am bănuit că există unele probleme în timp ce importul de fonturi în css fișiere , astfel încât vă rugăm să oferi, de asemenea, locație url codificat cu un singur citate după cum urmează -
@font-face {
font-family: 'some_family';
src: url('./assets/fonts/folder/some_family-regular-webfont.woff2') format('woff2'),
url('./assets/fonts/folder/some_family-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
Acest post ar putea fi vechi , dar aceasta este o soluție care a lucrat pentru mine .
Am avut aceeasi problema cand am deschis-o și a salvat .woff
si. woff2
fișiere prin Sublime Text cu EditorConfig "opțiunea" end_of_line = dacă`.
Eu doar am copiat fișiere de font folder, fără a le deschide în Sublim și problema a fost rezolvată.
Verificați font's fișierul css. (fontawesome.css/fontawesome.min.css), veti vedea ca aceasta:
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot-v=4.6.3.htm');
src: url('../fonts/fontawesome-webfont.eot#iefix-v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2-v=4.6.3.htm') format('woff2'), url('../fonts/fontawesome-webfont.woff-v=4.6.3.htm') format('woff'), url('../fonts/fontawesome-webfont.ttf-v=4.6.3.htm') format('truetype'), url('../fonts/fontawesome-webfont.svg-v=4.6.3.htm#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal
}
veti vedea versiunea după tag font's extensia de fișier nume. Cum ar fi:
-v=4.6.3
Ai nevoie doar pentru a elimina acest tag de la css fișiere. După eliminarea acest lucru, aveți nevoie pentru a merge la folderul fonturi, Și veți vedea:
Și, Formează aceste font's fișiere, ai nevoie doar pentru a elimina versiunea de tag - - v=4.6.3 de la numele de fișier.
Apoi, problema va fi sloved.
Am'am avut aceeasi problema.
Adăugarea fontul versiune (de exemplu `?v=1.101) să fontul URL-urile ar trebui să facă truc ;)
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: url('../fonts/open-sans-v15-latin-600.eot?v=1.101'); /* IE9 Compat Modes */
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/open-sans-v15-latin-600.woff2?v=1.101') format('woff2'), /* Super Modern Browsers */
url('../fonts/open-sans-v15-latin-600.woff?v=1.101') format('woff'), /* Modern Browsers */
url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
Clic (click dreapta mouse) pe font's TTF versiune și selectând "Get Info" (Mac OSX) "Proprietăți" (Windows) în meniul contextual ar trebui să fie suficient pentru a accesa font versiune.
Dacă alte răspunsuri am't de lucru, încercați:
AddType application/vnd.ms-fontobject .eot
AddType application/x-font ttf .ttf
AddType application/x-font opentype .otf
AddType application/x-font-woff .woff
AddType application/x-font-woff2 .woff2
AddType image/svg+xml .svg