logo标签列表

如何在我们的网站上使用自定义字体

htmlcssfontssifr
6
如何在所有浏览器上使用时尚字体来美化我的网站。
7
你们那些没有解释地对真诚提问进行负评的人，实际上正在削弱这个网站的价值。 - Gabriel Magana
1
这是一个真正的问题，但非常简短。我可以理解人们为什么会对此进行投票。 - Pekka
标题也需要重新编写。"如何在网页上使用自定义字体？"将是一个更好的问题标题。 - DA.
Rajasekar，你找到与下面的问题匹配的解决方案了吗？如果是的话，请友好地接受一个答案 :) - Mike Atlas
8个回答
6

尝试使用sIFR。"Rich Accessible Typography for the Masses".

编辑：另外，也可以查看cufon。(通过后面的posts)

6

"适用于所有浏览器"的东西我认为是不存在的。

但你的选择包括（如上所述）sIFR，不过最多只能用于标题。

更近期的浏览器可以支持@font-face CSS字体“嵌入”。一些在线网络服务可让您为此获得授权类型（商业或免费字体），并提供所需的CSS / JS，其中包括：

还有基于Javascript的解决方案Cufon。

如果你只是用它来制作标题，我建议你使用图片 :) - Brian
1
@Brian 如果我们只是谈论几个标题，那当然可以。一个带有适当alt属性的良好图像包裹在适当的标记中就可以了。但是如果我们谈论很多很多的标题，你会遇到性能问题（服务器上多个图像请求）和维护问题（需要有人创建它们或者在服务器上运行的进程来创建它们）。 - DA.
3
唯一值得的解决方案是sIFR。
3
1
我刚刚在一个网站上实现了Jonathan Snook的逐步指南，结果让我很满意。这个过程是费力的。 - jessegavin
0

你想将其用于标题和其他“特殊”文本还是一般段落文本？如果是前者，sIFR或代表文本的图像可能是最好的选择。如果您想要整个段落，则应该研究@font-face，如DA所建议的，或查看是否有足够接近您喜欢使用的字体的Web安全字体。

我想用它来处理段落。 - Rajasekar
SIFR是否对SEO友好？ - Rajasekar
sIFR是SEO友好的，因为页面上的文本仍然存在。但是，您真的不想将其用于整个段落的文本。这是过度杀伤力，并可能引入一些可用性/可访问性问题。如果您想要大块文本使用特定字体，请使用@font-face或Cufon。 - DA.
我认为对于大量文本，sIFR速度较慢。 - pr1001
0

我个人已经在那些没有字体许可问题的项目中，从sIFR转向cufon。关于页面有更详细的概述。

0

这取决于您想使用什么字体...最简单的解决方案是使用@font-face方法。如果您包含了微软专用格式(.EOT)，它将在任何浏览器中都能工作。

Font Squirrel拥有一个伟大的免费商用字体套件收藏，其中包括：

  • 原始的Firefox 3.5和Safari的TrueType或OpenType字体
  • Internet Explorer的EOT字体
  • Opera、iPhone和Chrome的SVG字体
  • Firefox 3.6+的WOFF字体
  • Demo.html和stylesheet.css，让您快速上手

@font-face方法不需要像先前提到的sIFR和Cufon技术那样需要Javascript 或 Flash，因此更易于所有人访问。

它完全符合SEO标准并且可扩展。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接