無法查看源圖像文件的網站

http://www.wordherd.co/#features 無法查看源圖像文件的網站

就在這個網站上，當我嘗試看看在任何的圖標（如「地圖」）使用Firebug源圖像文件，它會顯示某種unicode的內容。

如何獲取源圖像文件？我試圖瞭解他們正在使用的黑客來防止圖像被訪問。

來源

2013-09-24 platypus

我不知道爲什麼你們把這個擱置..我投來重新打開它，因爲它是不是** **通用的計算硬件/軟件的問題。這實際上是一個非常好的問題。 –

圖像基本上保持爲一個字符串。我不認爲這太籠統。 –

我投票重新開放。接受的答案基本上證明這是一個很好的問題。對@platypus的建議：將標題更改爲「無法查看源圖像，圖標字體如何工作？」 –

這些「圖像」是圖標字體。它們通常是通過:before/:after增加了僞元素。在這種情況下，content value is an ASCII表示外部字體庫字符。

.icon-flag:before { 
    content: "\f024"; 
}

爲了這個工作，你需要改變元素的font-family屬性引用外部字體庫。在你的情況下，字體庫是FontAwesome。

[class^="icon-"]:before, [class*=" icon-"]:before { 
    font-family: FontAwesome; 
    font-weight: normal; 
    font-style: normal; 
    display: inline-block; 
    text-decoration: inherit; 
}

使用Font-Awesome library，你可以簡單地添加一個圖標是這樣的：

<i class="fa fa-stack-overflow"></i>

，因爲它是如字體處理，你可以使用CSS屬性font-size增加它的大小。 (example)

.fa-stack-overflow { 
    font-size:30px; 
    color:orange; 
}

來源

2013-09-24 01:22:34

無法查看源圖像文件的網站

回答

相關問題