在网站上显示字体


Display fonts on website

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

所以我创建了一个简单的foreach,为font-family设置了一个内联样式:[字体名称在这里]。问题是在许多情况下,显示的字体名称和系统可访问的字体名称并不相同。字体显示名称可能是"我的字体",但它的实际名称是"MyFont",因此使用font-family:"My Font"不起作用。

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

问题:所以我说了这么多来问这个问题:有没有人知道解决这个问题的方法,或者有更好的方法来确保我使用正确的字体名称变体来解决这个问题?

使用 CSS 设置@font字体类型以设置页面的字体。官方的@font面是CSS3,但IE从IE4开始支持这一点,Firefox从3.5开始支持,safari从3.1开始支持等等。

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

<!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