如何在 UIWebView 的 html 页面中使用自定义字体?
我有“Futura.ttf”字体文件。 我正在 UIWebView 中显示 HTML 页面,但我的要求是我想在 css 文件中使用自定义字体。
那么有什么方法可以在我的 css 文件中使用自定义字体???
欢迎所有建议。
谢谢。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
在 iOS3.2 及以上版本中,可以将自定义字体加载到 UIWebView 中。 将字体添加到您的包中(请参阅 这里)然后像引用任何其他字体一样引用 UIWebView 样式表中的字体:
It is possible to load custom fonts into your UIWebView in iOS3.2 and above. Add the font to your bundle (see here) then just reference the font in your UIWebView's stylesheet like you would any other font:
您有 Cufon 和 sIFR 作为您的选项。
Typeface.js 是纯 JavaScript 的替代品
Cufon 是纯 JavaScript 的替代品
sIFR 是 Flash 和 Java 字体实现,
FLIR JavaScript 和 PHP 实施
一些比较
下面摘自这个问题整个帖子值得一读,有很多细节。
Typeface.js
优点:
浏览器上安装的插件
Javascript 行
加载 Javascript
缺点:
像图像一样输出它。 我在看
一些示例,右键单击
单词并且必须以图像的形式查看。
每个词都有这种行为。
大拇指朝下。
加载时间,所以建议
仅用于标题。
还有很大的发展空间
done
sIFR
优点:
正常的标题,因为它是
标记之上的行为层
和造型。
网络字体。 清晰不模糊!
缺点:
浏览器
但是有一个非常漂亮的 sIFR
创建文件的生成器
你!
适用于 Flash、Javascript 和 CSS 文件
附加到它,这可能会
如果您使用 sIFR,就会陷入困境
在太多的地方。
Cufón(类似于 Typeface.js)
Cufón 登场,这是一种基于 Javascript 的字体替换解决方案,它大量使用了画布和 VML。 这为其他解决方案提供了一个很好的替代方案 - 不需要 Flash 或图像。
在实时网站上使用 Cufón 存在一些问题,最值得注意的是无法突出显示和复制/粘贴文本,这对于网站用户来说确实是最大的问题。
再加上 EULA 问题,您将无法在 Javascript 文件中合法地嵌入当今市场上大多数字体的字体。
另一个问题是了解 Cufón 可以使用哪些字体。 对于 sIFR,大多数字体都是公平的游戏,因为该字体嵌入在 Flash 电影中,这通常是大多数字体铸造厂批准的大多数字体的使用方式。 使用 Cufón,用于该字体的 Javascript 文件可以轻松“窃取”并在其他网站上使用或进行反向工程。
You have Cufon and sIFR as your options.
Typeface.js is a pure JavaScript Replacement
Cufon is a pure JavaScript Replacement
sIFR is Flash and Java font implementation,
FLIR JavaScript and PHP implementation
Some Comparisons
Below is taken from this question Worth reading the whole thread, has greatdetails.
Typeface.js
Advantages:
plugin installed on their browser
lines of Javascript
load the Javascript
Disadvantages:
outputs it like an image. I looked at
some examples, right clicked on a
word and had to view as an image.
Every single word had this behaviour.
Big thumbs down.
loading time, so it is recommended to
use only for headlines.
has a lot of development left to be
done
sIFR
Advantages:
normal headline because it is a
behaviour layer on top of the markup
and styling.
web font. Crisp and not blurry!
Disadvantages:
browser
BUT there is a pretty nifty sIFR
generator that creates the file for
you!
for Flash, Javascript and CSS files
attached to it, which can potentially
get bogged down if you are using sIFR
in too many places.
Cufón (similar to Typeface.js)
Enter Cufón, the Javascript-based font replacement solution which makes heavy use of canvas and VML. This offers a great alternative to other solutions out there - no Flash or images required.
There are some issues with using Cufón on a live site, the most notable being the inability to highlight and copy/paste text, which is really the biggest issue for your site's users.
Combine that with the EULA issues, which prevent you from being able to legally embed fonts in Javascript files for most fonts on the market today.
The other issue is knowing what fonts can be used with Cufón. For sIFR, most fonts are fair game, since the font is embedded in a Flash movie, which is typically an approved usage by most font foundries for most fonts. With Cufón, the Javascript files used for the font can be easily "stolen" and either used on another website or reverse engineered.