html - 如何使用 Fontello 自定义图标作为网站的徽标？如何使字符大小正确？

Question

最初的问题是，我需要一个可以应用阴影（文本阴影）的徽标，并使其也可以在视网膜显示器中使用。如果它们必须支持视网膜和非视网膜显示器，那么使用 Photoshop 制作的带有阴影的 Png 就不会真正起作用。

如果您使用例如，您将如何编写 html

    <h1 id="logo"><a href="#home"?>"><i class="icon-logo-font"></i>What to put here?</a></h1>

我想搜索引擎等知道它说什么。对于图像，您可以使用 alt-tag。你会在这里做什么？

Answer 1

使用您的 Fontello 示例，尝试将以下 css 添加到<i>：

display: inline-block;
width: 220px;
text-align: left;
text-shadow: 2px 2px 2px #f00;