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

Question

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

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

欢迎所有建议。

谢谢。

Answer 1

在 iOS3.2 及以上版本中，可以将自定义字体加载到您的 UIWebView 中。将字体添加到您的包中（请参阅here），然后像引用任何其他字体一样在您的 UIWebView 样式表中引用该字体：

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

Answer 2

您可以选择 Cufon 和 sIFR。

Typeface.js 是一个纯 JavaScript 替代品 Cufon 是一个纯 JavaScript 替代品 sIFR 是 Fl​​ash 和 Java 字体的实现， FLIR JavaScript 和 PHP 实现

一些比较

• http://thatguynamedandy.com/blog/text-replacement-comparison
• http://thinkclay.com/technology/cufon-sifr-flir
• http://aaronwinborn.com/blogs/aaron/cufón-alternative-sifr-image-replacement

以下内容来自question 值得阅读整个线程，有很多细节。

Typeface.js

优点：

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

缺点：

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

sIFR

优点：

• 可由屏幕阅读器作为 正常的标题，因为它是 标记顶部的行为层 和样式。
• 文本可选
• SEO 友好
• 显示文本与任何其他文本一样 网页字体。清晰而不模糊！
• 有像 jQuery sIFR Plugin 这样的插件！

缺点：

• 需要启用 Javascript
• Flash 插件必须安装在 浏览器
• 需要 Adob​​e Flash Studio 来创建它 但是有一个非常漂亮的 sIFR 创建文件的生成器 你！
• 对于页面加载，它必须请求 用于 Flash、Javascript 和 CSS 文件 附在它上面，这可能 如果您使用 sIFR，就会陷入困境 在太多地方。
• 无法在 iPhone 上显示。然而……

Cufón（类似于 Typeface.js）

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

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

将其与 EULA 问题结合起来，这会阻止您将字体合法地嵌入到当今市场上大多数字体的 Javascript 文件中。

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