如何在瀏覽器中使用像marvosym這樣的符號字體？

我想使用一些在LaTeX中使用的特殊字體。例如，我想顯示從marvosym的\Pluto：如何在瀏覽器中使用像marvosym這樣的符號字體？

enter image description here

我如何不使用圖像顯示與HTML/JavaScript的/ CSS這個符號？

的字體可以從http://www.marvosym.com/download.html

下載它是在該字體符號201。

我試圖

<p style="font-family: 'marvosym'">&#201;</p>

與瀏覽器，但它僅表現爲E（我已經安裝了這種字體; fc-list | grep marvosym顯示它）

來源

2015-02-23 Martin Thoma

據http://www.lalit.org/lab/javascript-css-font-detect/，'marvosym'未安裝。我是否必須重新啓動我的系統，以便chrome「檢測」mavosym安裝在我的系統上？ – 2015-02-23 12:51:06

您可以在一個標準的CSS方式鏈接的字體，如本回答：https://stackoverflow.com/a/13585273/1161631

我實際上會推薦至少提供TTF/OTF和WOFF格式，因爲它們似乎有很好的覆蓋範圍，請參閱@font-face on w3schools。

然後，您應該可以使用É訪問存儲在插槽中的符號。但是，請記住，這是對unicode插槽的濫用，不會正確複製粘貼，並且在字體未正確加載的情況下，後備將顯示一些無意義。

如果你有一個marvosym.woff下面的例子將在許多瀏覽器中工作：

<html> 
<head> 
    <style> 
     @font-face { 
      font-family: 'marvosym'; 
      src: 
      url('marvosym.woff') format('woff'); 
     } 
    </style> 
</head> 
<body> 
    <p style="font-family: marvosym">&#201;</p> 
</body> 
</html>

來源

2015-02-23 13:11:24

一個例子在這裏：http://www.martin-thoma.de/marvosym/ – 2015-02-23 13:39:26

如何在瀏覽器中使用像marvosym這樣的符號字體？

回答

相關問題