Question

我有一个设计，需要Myriad Pro。这不是问题。问题是在Photoshop中他们使用了'Bold Condensed'。我不确定这叫做什么，我认为这是Myriad Pro的一个变种。在网站上模仿这个的最佳方法是什么？

感谢。

Answer 1

FontSquirrel是您最好的资源。他们的“@ font-face generator”创建的代码可以与所有现代浏览器一起使用。

他们所做的事情得到了很好的解释，但在幕后却相当复杂。您可以阅读Paul Irish's blog上的CSS方面。

修改

我刚才意识到 nobody 已经回答了你的真实问题......

1。）Myriad Pro是字体的系列，实现为文件集合，名称为Myriad Pro.otf，Myriad Pro Bold.otf等。（实际名称是特定于操作系统的。）Myriad Pro Bold Condensed是其中一个文件。我不知道它是否附带标准包装或是否需要额外费用。

2。）您无法“模仿”此内容。您可以使用网页上的实际字体（通过上述@ font-face嵌入方法），也可以创建图形。设计师可能希望你创建图形，因为设计师[tirade删除]在实现时。

3。）正如已经指出的那样，嵌入应该需要适当的许可证，我不知道你是否可以获得这个特定面孔的许可证。（“据说”，因为[tirade删除]，但我不是律师。）

Answer 2

100％保证的方法是将其渲染为图像。

CSS3支持font-face，但这不会给你广泛的支持。

@font-face
{
  font-family: 'Myriad Pro';
  src: url('Myriad-Pro.ttf');
}

您还需要检查法律协议，看看他们是否允许在您的网页中嵌入此字体。

Answer 3

你也可以尝试Shaun Inman的sIFR3，尽管CSS3可能是更好的选择。

Answer 4

但是，请先查看许可证。在许多情况下，您无法使用@ font-face。

这是关于adobe关于网络的无数许可的帖子。 http://forums.adobe.com/message/3654436

CSS - 自定义字体？

4 个答案: