在網絡中實現svg圖標

Question

我在尋找如何將.svg圖標實現爲網頁的最佳解決方案。

基本上，我只需要實現一些圖標，我的.psd文件中包含的圖標，所以我可以選擇任何格式，但是選擇.svg將會很好。

只是，問題是我需要更改該圖片的顏色，同時我也需要確保它將在所有主流瀏覽器（IE）上都受支持。

現在，我正在使用標籤< object>它很好用，但我不確定瀏覽器的支持，也不能簡單地改變顏色。

你會如何解決這種情況？

.svg圖標非常小且簡單，我也想將它們轉換爲字體或圖標，但不確定最佳工作流程如何正確執行。

此外，我在想使用.png，但是在改變顏色和當然「scaleabness」方面存在問題，但是如果我不會找到任何東西，我可能會以此結束......

我本人來說就像字體（如字體真棒等等...）工作，因爲它們是可擴展的，可着色....處處顯示

可以轉換並從這些.PSD圖標添加到這樣的格式，這將接近字體？

謝謝你的答案:)

爲實現SVG的各種方式

Answer 1

檢查瀏覽器支持在http://caniuse.com/

常見的工作流程：

• 自動處理的.svg文件轉換爲圖標字體，可用在CSS中，使用Gulp
• 將.SVG內容自動插入HTML中作爲數據URI，服務器中間件
• 插入所有SVG圖標嵌入到一個網頁，並引用作爲SVG符號
• 插入所有的圖標爲一個SVG文件作爲單獨的符號，是指單獨使用SVG「用」 - https://css-tricks.com/svg-use-with-external-reference-take-2/

Answer 2

所以我找到了解決方案

我已經從.svg生成了我自己的字體。作爲圖標我們很小，我們沒有問題像字體一樣使用它們。 我用

http://fontastic.me/

非常易於使用，只需上傳您的.SVG，使一些客戶化你喜歡的字體，映射的名稱，並將它們添加到您的網頁。