gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 12:16:25 24 4
gpt4 key购买 nike

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

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 显示了它)

最佳答案

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

关于javascript - 如何在浏览器中使用像 marvosym 这样的符号字体?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28674012/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com