Question

我想使用一些在LaTeX中使用的特殊字体。例如，我想显示\Pluto中的marvosym：

enter image description here

如何在不使用图片的情况下使用HTML / JavaScript / CSS显示此符号？

可以从http://www.marvosym.com/download.html

下载字体

该字体为符号201。

我试过

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

使用Chrome，但它只显示É（我已安装此字体; fc-list | grep marvosym显示它）

Answer 1

您可以使用标准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>

如何在浏览器中使用像marvosym这样的符号字体？

1 个答案: