如何在我的网站上使用 Apple 符号？答案

【问题标题】：How can I use Apple symbols on my website?如何在我的网站上使用 Apple 符号？
【发布时间】：2014-07-05 09:44:21
【问题描述】：

我必须在我的网站上实现 Apple 符号。我已经安装了整个软件包：

AppleSymbols.woff
AppleSymbols.ttr
AppleSymbols.svg
AppleSymbols.eot

和：

@font-face {
    font-family: 'AppleSymbols';
    src: url('AppleSymbols.eot?') format('eot'), 
         url('AppleSymbols.woff') format('woff'), 
         url('AppleSymbols.ttf')  format('truetype'),
         url('AppleSymbols.svg#AppleSymbols') format('svg');
}

问题是，我如何在我的网站上使用它？

【问题讨论】：

在嵌入字体之前验证许可。此字体似乎归 Apple 所有，并具有特定许可。见oleb.net/blog/2009/10/…

标签： html fonts symbols

【解决方案1】：

您可以在您的网站上简单地使用 svg 作为 img

<img src="AppleSymbols.svg" alt="Apple">

【讨论】：

对不起，我不明白。我是全新的...我按照你的建议添加了代码，我看到的只是浏览器无法读取的图像。我需要使用任何符号或代码吗？
我想我误解了你的问题。您是要在页面上显示 Apple 标志还是要将 Apple 标志显示为字符？
嗨，感谢您的快速回答，我有一个字体“Apple Symbol”，需要在我的网站中使用。有一组符号。我发现的是这个ntg.nl/maps/30/09.pdf
啊，我的错，我以为你想使用 svg 作为图像。阅读此处以在您的网站中使用字体w3schools.com/cssref/css3_pr_font-face_rule.asp
我认为每个符号都分配给不同的键，因此您必须猜测哪个键给出了哪个符号。然后你可以在你的 css body { font-family: AppleSymbols; 中定义它。 }

【解决方案2】：

现在你已经链接了字体，你需要做的就是

p{
    font-family: 'AppleSymbols';
}

或者在任何你想使用该字体的元素上。

如果您想查看该字体中的所有字符，您可以在本地安装它并open it with FontBook (Mac) 或使用 Windows Character Map 打开它。他们会向您显示您想要使用的任何图标/字符的 unicode 字符。取那个 unicode 字符，然后convert it to an HTML entity.

您还应该记住，您可能没有使用 AppleSymbols 的许可权。我喜欢通过在客户端工作中使用 TypeKit 或 Google 字体来避免许可问题。对于符号字体，有几个很棒的开放许可字体，比如Zurb Foundation Icons。

请记住使用 @font-face 时浏览器的限制，如果这些图标是 UI 的主要元素，则包括后备选项，例如文本标签。使用图标时还要记住屏幕阅读器/可访问性问题。

【讨论】：