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

Question

我想使用 LaTeX 中使用的一些特殊字体。例如，我想显示来自 marvosym:

的 \Pluto

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

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

下载

在该字体中是符号 201。

我试过了

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

用Chrome，但只显示É（我安装了这个字体；fc-list | grep marvosym显示）

Answer 1

您可以 link 标准 CSS 方式的字体，如以下答案所示：

我实际上建议至少提供 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 这样的符号字体？

How can I use symbol fonts like marvosym in the browser?

html

javascript

css

fonts