Php 如何在与所有用户兼容的网站中使用我们自己的字体?

Php 如何在与所有用户兼容的网站中使用我们自己的字体?,php,asp.net,css,fonts,Php,Asp.net,Css,Fonts,我需要在我的网页中使用不同的hi风格字体。但是我担心,如果用户没有这样的字体,那么他们将以默认字体显示。如何使用与所有用户兼容的不同新字体?请考虑使用每个人都有的正文字体,这是您的大部分内容。有很多可供选择。对于标题,请使用绘图软件包(例如MS Paint、Photoshop)使用首选字体将标题格式化为图像。如果你想为你的正文加入一种更奇特的字体,你可以在你的CSS中使用这样的字体: font-family: <some-fancy-typeface>, Calibri, "Gill

我需要在我的网页中使用不同的hi风格字体。但是我担心,如果用户没有这样的字体,那么他们将以默认字体显示。如何使用与所有用户兼容的不同新字体?

请考虑使用每个人都有的正文字体,这是您的大部分内容。有很多可供选择。对于标题,请使用绘图软件包(例如MS Paint、Photoshop)使用首选字体将标题格式化为图像。如果你想为你的正文加入一种更奇特的字体,你可以在你的CSS中使用这样的字体:

font-family: <some-fancy-typeface>, Calibri, "Gill Sans MT", Helvetica, Tahoma, Arial, sans-serif;
font-family:,Calibri,“Gill Sans MT”,Helvetica,Tahoma,Arial,Sans serif;

请记住,它会先尝试使用您更喜欢的字体,然后在找到匹配的字体之前,再返回到更普通的选择列表中。请记住,从可用性的角度来看,大多数人喜欢使用简单的字体,如Helvetica或Times Roman作为他们的正文(比如Google、Yahoo!、Stack Overflow…)。当然,用位图图像增加标题是网络生活的一部分。

一些网页使用Flash电影作为标题,其中可以嵌入字体。您可以使用图像(自动生成)。我个人认为,所有的人都不专业,但不同的人平衡可用性和标准对设计的不同。


如果您正在分发字体,请确保查看法律含义。

阅读这篇关于动态字体的文章

动态字体

动态字体是可随下载的字体样式文件 将使用它们的页面。想想 将它们视为图像。这是最基本的 概念

使用这些字体时,字体文件将下载到 缓存就像一个图像。一旦到了那里, 只要你不清除缓存 完全地,字体将在那里为你 所有未来的访问。看电影很有趣 当您第一次使用这些工具时,页面将被删除 字体。这一页将被完全收回 以默认格式显示文本。 然后,一旦字体, 下载后,整个页面将重新加载并 活过来。效果很好

这些字体的使用基本上是Netscape Navigator 4.0或 更好的交易。但是,您也可以 使用MSIE 4.0和 以上,如果您还包括,以及 字体,一个活动的X辅助程序 应用程序

你说你“需要”为你的网页使用“hi-style”字体。如果这是真的,你就需要接受鲍勃·考夫曼的答案。然而,使用图像来处理文本的问题是,它完全中断索引、搜索等,而不是考虑这样做,并坚持使用优先级的字体列表。 指定
字体系列时
,可以给出一个列表,并使用第一个匹配的字体。这允许优雅的降级——如果用户有您喜欢的字体,可以,但如果不是,则使用下一个最佳选项(由您定义),例如:

body {
  font-family: "Nifty Cool Font", "Times New Roman", Georgia, Serif;
}

更多关于。

的内容,您可以看看类似或的东西,它将分别使用flash和javascript来修复自定义字体


现在还没有很多浏览器能够正确地支持
@font-face

您可以使用javascript来实现这一点

可能还有更多的库可以做同样的事情。

您可以使用CSS(如前所述)引用.TTF文件,如下所示:


问候。

我用。它适用于所有现代浏览器,重量轻,相对容易设置。

如果你的网站上没有太多IE访问者,你可以使用它取决于你想使用的字体。

。。。最简单的解决方案是使用
@font-face
方法。如果包含microsoft only格式(.EOT),它将在任何浏览器中工作

拥有大量免费商用字体套件,包括:

  • 原始TrueTypeOpenType字体 适用于Firefox 3.5和Safari
  • EOTInternet Explorer字体
  • SVG用于Opera、iPhone和Chrome的字体
  • WOFFFirefox 3.6字体+
  • Demo.html和stylesheet.css让您 我们可以走得很快
@font-face
方法不需要Javascript或Flash,就像前面提到的sIFR和Cufon技术一样,因此更容易被所有人访问


它是完全搜索引擎优化友好和可扩展的

关于索引和搜索引擎蜘蛛的好观点。当然,你可以使用alt=“original text”,但它没有H1标记那样的“kick”。这不是一个完美的解决方案,但折衷的办法是使用H1标记获得SEO kick,并使用css将文本移出视图,并将H1的图像“放置到位”。它是kludgish,需要更多的维护,我会尽量减少使用它,但另一种选择。关于doctype.com的更多讨论。