如何在UIWebView的html页面中使用自定义字体?

时间:2009-06-26 11:17:24

标签: iphone uiwebview fonts

我有“Futura.ttf”字体文件。 我在UIWebView中显示一个HTML页面,但我的要求是我想在我的css文件中使用自定义字体。

所以有什么方法可以在我的css文件中使用自定义字体???

欢迎所有建议。

感谢。

2 个答案:

答案 0 :(得分:9)

可以在iOS3.2及更高版本的UIWebView中加载自定义字体。将字体添加到您的包中(请参阅here),然后在UIWebView的样式表中引用字体,就像使用任何其他字体一样:

<style type='text/css'>font { font-family: DroidSerif; } </style>

答案 1 :(得分:1)

您可以选择CufonsIFR

Typeface.js是纯JavaScript替换 Cufon是纯粹的JavaScript替代品 sIFR是Flash和Java字体实现, FLIR JavaScript和PHP实现

一些比较

下面摘自question值得阅读整个帖子,有很好的细节。

<强> Typeface.js

优点:

  • 用户无需拥有Flash 插件安装在他们的浏览器上
  • 只需少量即可轻松创建 Javascript行
  • 对于页面加载,它只需要 加载Javascript

缺点:

  • 文字不可选,因为它 输出就像一个图像。我在看 一些例子,右键点击了一个 单词,不得不视为一个图像。 每个单词都有这种行为。 大拇指向下。
  • 正文副本的使用会变慢 加载时间,所以建议 仅用于标题。
  • 屏幕阅读器无法阅读
  • 视觉模糊
  • 并非所有浏览器都兼容且仍然存在 还有很多发展方向 完成

<强> sIFR的

优点:

  • 可以被屏幕阅读器读取为 正常的标题,因为它是一个 标记之上的行为层 和造型。
  • 文字可选择
  • SEO友好
  • 显示与任何其他文本一样的文本 网络字体。清脆而不模糊!
  • 有像jQuery sIFR Plugin这样的插件!

缺点:

  • 需要启用Javascript
  • Flash插件必须安装在 浏览器
  • 需要Adobe Flash Studio来创建它 但是有一个非常漂亮的sIFR 为其创建文件的生成器 你!
  • 对于页面加载,必须请求 用于Flash,Javascript和CSS文件 附着在它上面,这可能是潜在的 如果你正在使用sIFR,那就陷入困境了 在太多的地方。
  • 无法在iPhone上显示。然而...

Cufón(类似于Typeface.js)

输入Cufón,这是一种基于Javascript的字体替换解决方案,它大量使用canvas和VML。这为其他解决方案提供了一个很好的替代方案 - 无需Flash或图像。

在网站上使用Cufón存在一些问题,最值得注意的是无法突出显示和复制/粘贴文字,这对您网站的用户来说确实是最大的问题。

将其与EULA问题相结合,这会阻止您在当前市场上的大多数字体中合法地嵌入Javascript文件中的字体。

另一个问题是知道Cufón可以使用哪些字体。对于sIFR,大多数字体都是公平的游戏,因为字体嵌入在Flash电影中,这通常被大多数字体代工厂批准用于大多数字体。使用Cufón时,用于字体的Javascript文件很容易被“窃取”,可以在其他网站上使用或进行逆向工程。