내 SVG가 표시되지 않는 이유는 무엇입니까?

내 웹 사이트에 안정적으로로드하지 않는 일부 SVG가 있습니다. 저는 그것들을 freeicons/icon8에서 가져 왔고 1 또는 2는 Inkscape를 사용하여 직접 만들었습니다. 처음에는 HTML을 사용하여 내 웹 사이트에 추가했지만 CSS를 사용하기로 결정한 것은 온라인에서 100 % 시간을로드하는 방법에 대한 온라인 조사였습니다. 아직도 나를 위해 그것을 해결하지 않았다. 나는 SVG 파일이 단지 나쁘다는 것을 확신하지 못한다. 또는 그것을 추가하려고 할 때 나는 정말로 무언가를 엉망으로 만들었다. 내 SVG가 표시되지 않는 이유는 무엇입니까?

웹 사이트

당신은 위에 검은 색 막대에 것을 알 수 있습니다 http://lazeeztandoori.co.uk/index2.html

에서 찾을 수 있습니다, 오른쪽으로 3 개 링크가있다. 이러한 링크에 대한 앵커에는 사용하려는 특정 아이콘과 관련된 선택자가 있지만로드되지는 않습니다.

또한 탐색 메뉴에는 각 링크에 대한 아이콘이 있으며로드 될 수도 있고로드되지 않을 수도 있습니다 (로드되지 않을 확률은 90 %입니다). 이것들은 보통의 img 태그를 사용하여 추가됩니다.

어떤 아이디어가 있습니까? SVG가로드되지 않는 이유는 무엇입니까? 내 HTML/CSS 또는 다른 것을 엉망으로 만든 적이 있습니까?

도움을 주시면 감사하겠습니다.

출처

2016-07-11 user3186023

SVG의 내용은 무엇입니까? 서스펜스가 나를 죽이고있어! – Dodekeract

그래 문법을 위해! – user3186023

http://www.lazeeztandoori.co.uk/image/navicons/의 menu.svg 파일의 확장자는 svg이고 콘텐츠 유형은 text/plain입니다. charset = ISO-8859-1. 압축되지 않은 SVG의 올바른 파일 확장명이지만 SVG의 MIME 형식이 잘못되었습니다.

는/새로운 htaccess로 파일을 추가 한 기존 편집하고 다음 MIME 유형을 추가

자세한 내용

AddType image/svg+xml svg 
AddType image/svg+xml svgz

는 this을 확인합니다.

출처

2016-07-11 04:21:35 Ravimallya

답장을 보내 주셔서 감사합니다. 나는이 해결책이 효과가 있다고 생각하지만 다시 10 %의 기회가 될 수 있습니다. htaccess 파일로 작업 한 적이 없습니다. 방금 만든 파일을 복사하고 루트로 업로드했습니다. 오른쪽 소리? 원한다면 내비게이션 메뉴 아이콘이로드되지만, 오른쪽 위 모서리에있는 내 아이콘의 CSS 이미지에는 아무런 기쁨도 없습니다. 그것에 대한 어떤 제안? – user3186023

죄송하지만 CSS 파일에서 SVG 이미지의 원인을 파악할 수 없습니다. 모두 괜찮을 것 같습니다. 왜, 당신의 아이콘 요구에 [fontawesome] (http://fontawesome.io/)을 사용하지 않을 것입니까? 자세한 내용은 [this] (http://stackoverflow.com/a/17319709/1201322)를 참조하십시오. 내 대답이 도움이된다면 upvote를 잊지 말고 대답을 받아들입니다. – Ravimallya

나는 flaticon과 ikon8을 사용합니다. 서비스면에서 fontawesome과 비슷하지 않습니까? – user3186023

웹 서버에서 SVG 파일의 콘텐츠 형식을 보내지 않습니다. 이로 인해 브라우저는 자신이 무엇인지 모르고 렌더링하지 못하게됩니다.

Content-Type이 image/svg+xml으로 설정되어 있는지 확인하십시오. 웹 서버에 대한 추가 설정이 필요합니다.

출처

2016-07-11 04:17:12 Jacob

어디서부터 시작할 수 있습니까? 필자는 웹 서버에 대해 잘 알지 못합니다 (이전 개발자가 12 년 전에 설정했고, 처음 프로젝트로 약간 개조했습니다). – user3186023

내 SVG가 표시되지 않는 이유는 무엇입니까?

답변

관련 문제