在网站上显示字体答案

【问题标题】：Display fonts on website在网站上显示字体
【发布时间】：2012-05-14 14:58:31
【问题描述】：

设置：我目前正在通过 Flash/Actionscript 使用 getFontList() 来获取用户本地字体列表。我正在尝试显示字体，但我希望字体显示为字体。

所以我创建了一个简单的 foreach 来设置 font-family:[font-name here] 的内联样式。问题是显示的字体名称和系统可访问的字体名称在很多情况下并不相同。字体显示名称可能是“我的字体”，但它的实际名称是“我的字体”，所以使用 font-family:“我的字体”不起作用。

我可以通过使用 PHP 解析列表、删除空格、使用破折号等来解决其中的一些问题，以尝试获得所需的结果，但是我的解析游戏无法解释一些具有奇怪名称或变体的字体.

问题：所以我说了这么多是为了问这个问题：有没有人知道解决这个问题的方法，或者有更好的方法来确保我使用正确的字体名称变体来实现这一点？

【问题讨论】：

我遇到了这个问题，see here。我正在使用convert -list font，因为它提供了大量信息。欢迎来到 StackOverflow，顺便说一句。
如果你已经通过actionscript获得了字体列表，为什么不通过actionscript/flash来显示字体呢？另见mikeindustries.com/blog/sifr

标签： php javascript css actionscript fonts

【解决方案1】：

使用 CSS 设置 @font-face 类型以设置页面字体。官方 @font-face is CSS3 但 IE 从 IE4 开始支持此功能，从 3.5 开始支持 Firefox，从 3.1 开始支持 safari 等。

请注意，您的字体必须是 OTF 或 TTF。

【讨论】：

【解决方案2】：

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}
</style>
</head>

<body>
<p class="normal">This is a paragraph, normal.</p>
<p class="italic">This is a paragraph, italic.</p>
<p class="oblique">This is a paragraph, oblique.</p>
</body>

</html>

http://www.w3schools.com/cssref/tryit.asp?filename=trycss_font-style

【讨论】：

在提供解决问题的代码时，最好也至少简短地解释一下它是如何工作的，这样阅读的人就不必逐行精神分析来理解差异.