【问题标题】:what technology would you use to build a webapp that requires the use of a special font?您将使用什么技术来构建需要使用特殊字体的 web 应用程序?
【发布时间】:2010-02-16 18:09:12
【问题描述】:

我正在计划一个 web 应用程序。我已经定义了所有的线框,在 photoshop 中设计的界面,数据结构等。它将建立在 php 和 mysql 上,但是我无法决定使用哪种技术作为 GUI。欢迎您提供所有见解。

采用 html 方式的问题在于 GUI 使用了一种对应用程序的视觉方面至关重要的特殊字体。所以这个字体是必需的。对于标题和固定部分,我可以做 sfir 或使用图像,但作为一个 web 应用程序,动态生成的内容的数量使得使用图像替换是不可能的。输入闪光灯。 Flash 轻松解决了字体问题,它甚至添加了字体抗锯齿和动画,使其看起来更加性感。另一个专业人士能够部署为空中应用程序,以便为连接困难的用户使用本地存储。这样,当互联网访问恢复时,应用程序可以与主服务器同步。但是... flash 被主要开发人员忽略,这意味着移动设备、ipad、搜索引擎等无法访问该应用程序,并且需要安装 flash 插件,这不是什么大不了的事,但应该是经过考虑的。

感谢您的见解、建议和 cmets :)

【问题讨论】:

  • 我自己非常注重设计,而且我知道如何评价好的字体(我也在 2003 年使用生成的图形开发了带有自定义字体的 Web 应用程序!),但是选择了 UI基于是否可以渲染某种字体的技术并不是 IMO 的好方法。您使用的 UI 将极大地影响您的项目的工作方式、实施的难度以及将在哪些平台上运行。您应该仔细选择它,而不是基于一个功能,它充其量应该是“很高兴拥有”。如果你的 UI 设计不错,那么使用 Web 标准字体也会很好看。

标签: html css flash user-interface fonts


【解决方案1】:

看看Cufon。它基于 javascript,适用于大多数浏览器,包括 IE6。

【讨论】:

  • 谢谢大家,经过一些测试,我将使用 cufon。 @font-face 是在所有浏览器中工作的噩梦,抗锯齿取决于用户设置。字体效果很好,它允许在更多 cufon 浏览器中选择文本(现在不记得哪个),但我无法让它在歌剧上工作。 Cufon 可以很好地呈现字体,但需要考虑一些事项:文本不可选择,根据bkwld.com/blog/2009/06/cufon-speed-test 将其保持在 1000 个字符以下,并且必须启用 javascript。此外,您应该检查 prodigitalson 所述的字体许可问题
【解决方案2】:

使用 typeface.js,您可以在网页中嵌入自定义字体,这样您就不必将文本呈现为图像。

http://typeface.neocracy.org/

这样您就可以使用纯 HTML/CSS 来实现更轻更快的客户端,并且仍然使用特殊字体。

【讨论】:

    【解决方案3】:

    JS 解决方案和/或使它们成为可能的底层 css 的唯一问题是您仍然需要处理许可。除非它是 FOSS 字体,否则您是否能够以您需要的所有格式获得网络使用许可证。一些较大的代工厂支持基于 IE 的格式(现在不记得它叫什么了),但它们不支持 Mozilla 或 WebKit 使用的标准。

    另一方面,对于 flash,字体嵌入在编译后的 swf 中,因此只要您首先拥有使用它的适当许可,就不应该存在任何许可问题。那是假设您没有分发 fla 源文件。

    【讨论】:

    • 别担心,我在 css 线程上的仓促评论/回答欠你的。 :-)
    【解决方案4】:

    您可以使用@font-face,但它是一个 css3 功能,需要一些额外的步骤才能使其在所有浏览器中工作。

    退房

    http://webfonts.info/wiki/index.php?title=%40font-face_browser_support

    http://blog.themeforest.net/tutorials/how-to-achieve-cross-browser-font-face-support/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-02-08
      • 1970-01-01
      相关资源
      最近更新 更多