使图像文本具有语义并且可搜索
2008-10-14 09:55
260 查看
Web
设计师很早就开始使用图像文本显示特殊的字体、脚本,或其他无法在用户电脑上显示的字体。通过基于图像的文本,而不是用户的系统字体,Web
设计师能够很好地控制颜色、字距、线条粗细和字体。然而,如果页面上没有实际的文本,Google 和 Yahoo 等搜索引擎,以及 Google Ads
等广告服务,将在识别站点和对站点进行分类时受到阻碍。本文将解释如何使基于图像的文本变得美观优雅,而且不损害文本在 Web
页面上的语义。
文本依赖于用户的系统,而不是您的系统
Web 的最大好处之一是能够将消息 — 以 Web 页面的形式 — 发送给成千上万的用户系统。您可以对消息进行一番 “打扮”,然后通过一个诱人的 Web
页面将它展示在全球各地的计算机面前。当然,Web 的最大缺点
之一就是您必须同时面对成千上万个用户系统。您会受到他们的软件、操作系统、显示器大小甚至是左右手使用习惯的限制。
事实上,这正是 HTML、CSS、XHTML、ECMAScript、JavaScript
等正在着手解决的问题。通过发布一组标准,您可以合理构建页面,确定您的家人、朋友、客户或其他网络使用者可以访问的内容,以及您自己可以访问的内容。构建一个表或某种样式的字体来突出重点已经不是什么稀奇的事情。但是,虽然
Web 标准已经取得很大的进展,但仍有许多 东西尚未 标准化。
大多数用户都有自己的小型字体集
在用户的系统上,最不
可靠的便是字体。首先语言本身存在大量无法克服的问题。一般情况下,日本的计算机很可能没有您喜欢的英语书法字体。尽管您认为您的站点仅由使用相同母语的计算机浏览,但它们也存在大量的字体风格。如果您从事与设计相关的工作,则很可能向计算机自带的标准字体集添加了其他一些字体。
但事实上,大多数用户都不是设计师。他们不是程序员、作家,甚至从事与计算机毫无相关的工作。这意味着您需要处理常见的字体,比如 Arial 或经久不衰的
Times Roman(如果是比较高级的系统,还可能是 Times New Roman)。这里指出了一个常被忽略的事实:虽然您正在阅读 IBM
developerWorks 上的文章,但您使用的字体和大多数计算机用户不一样。别指望用户机器当中有 “相当比例的机器” 使用与您相同的字体。
这得出一个明显的结论,那就是在 Web 站点中使用的字体受到巨大的限制。如果您的 Web
页面使用极为不常见的字体,那就会带来困惑、招来抱怨,或使用户沉默不语,因为用户决不会承认他们看过或理解您的站点。因为用户看到的很可能是难看的,甚至是很难辨认的字体,而不是您所选择的字体。他们的文本可能不再适合屏幕,或超出了边框。因为当您选择的字体不可用时,大多数情况下用户系统会调节到对他们
的系统可用的最简单(通常最烦人、最难看)的字体。
这些字体不是绝对可靠的
另外,即使您和用户使用相同的字体集,它们之间也会存在一些差别。在 Microsoft®Windows 的 InDesign 或 Word 文档中使用
“Arial Rounded MT Bold”,然后将该文档发送给具有相同字体的 Mac® 用户。这会导致问题;Mac 用户会抱怨 “Arial Rounded
MT Bold (TT)” 不可用。这使得整个文档的字体非常怪异,并且有许多错误颜色或警告。这是什么原因呢?原来是不同的系统的字距不匹配。如果将字体从
Windows XP 转移到 Windows Vista,或从 Mac OS 转移到 Mac OS X,一样存在这样的问题。在
Linux®、Unix®、Solaris® 或其他 *NIX 系统上,情况更加糟糕。
实际上,有时同一系统上的相同字体会有不同的名称。操作系统正在尽力避免字体命名冲突。因此,您的 Times New Roman
版本可能和我的不一样。这造成的后果和前面一样:困惑、零乱的 Web
页面、在您的机器上能很好显示的消息在另一台机器上却异常难看。那么,如何在众多不兼容字体的系统上使您的页面美观可人,同时又避免字体带来的烦恼?
本文转自IBM Developerworks中国
请点击此处查看全文
设计师很早就开始使用图像文本显示特殊的字体、脚本,或其他无法在用户电脑上显示的字体。通过基于图像的文本,而不是用户的系统字体,Web
设计师能够很好地控制颜色、字距、线条粗细和字体。然而,如果页面上没有实际的文本,Google 和 Yahoo 等搜索引擎,以及 Google Ads
等广告服务,将在识别站点和对站点进行分类时受到阻碍。本文将解释如何使基于图像的文本变得美观优雅,而且不损害文本在 Web
页面上的语义。
文本依赖于用户的系统,而不是您的系统
Web 的最大好处之一是能够将消息 — 以 Web 页面的形式 — 发送给成千上万的用户系统。您可以对消息进行一番 “打扮”,然后通过一个诱人的 Web
页面将它展示在全球各地的计算机面前。当然,Web 的最大缺点
之一就是您必须同时面对成千上万个用户系统。您会受到他们的软件、操作系统、显示器大小甚至是左右手使用习惯的限制。
事实上,这正是 HTML、CSS、XHTML、ECMAScript、JavaScript
等正在着手解决的问题。通过发布一组标准,您可以合理构建页面,确定您的家人、朋友、客户或其他网络使用者可以访问的内容,以及您自己可以访问的内容。构建一个表或某种样式的字体来突出重点已经不是什么稀奇的事情。但是,虽然
Web 标准已经取得很大的进展,但仍有许多 东西尚未 标准化。
大多数用户都有自己的小型字体集
在用户的系统上,最不
可靠的便是字体。首先语言本身存在大量无法克服的问题。一般情况下,日本的计算机很可能没有您喜欢的英语书法字体。尽管您认为您的站点仅由使用相同母语的计算机浏览,但它们也存在大量的字体风格。如果您从事与设计相关的工作,则很可能向计算机自带的标准字体集添加了其他一些字体。
但事实上,大多数用户都不是设计师。他们不是程序员、作家,甚至从事与计算机毫无相关的工作。这意味着您需要处理常见的字体,比如 Arial 或经久不衰的
Times Roman(如果是比较高级的系统,还可能是 Times New Roman)。这里指出了一个常被忽略的事实:虽然您正在阅读 IBM
developerWorks 上的文章,但您使用的字体和大多数计算机用户不一样。别指望用户机器当中有 “相当比例的机器” 使用与您相同的字体。
这得出一个明显的结论,那就是在 Web 站点中使用的字体受到巨大的限制。如果您的 Web
页面使用极为不常见的字体,那就会带来困惑、招来抱怨,或使用户沉默不语,因为用户决不会承认他们看过或理解您的站点。因为用户看到的很可能是难看的,甚至是很难辨认的字体,而不是您所选择的字体。他们的文本可能不再适合屏幕,或超出了边框。因为当您选择的字体不可用时,大多数情况下用户系统会调节到对他们
的系统可用的最简单(通常最烦人、最难看)的字体。
这些字体不是绝对可靠的
另外,即使您和用户使用相同的字体集,它们之间也会存在一些差别。在 Microsoft®Windows 的 InDesign 或 Word 文档中使用
“Arial Rounded MT Bold”,然后将该文档发送给具有相同字体的 Mac® 用户。这会导致问题;Mac 用户会抱怨 “Arial Rounded
MT Bold (TT)” 不可用。这使得整个文档的字体非常怪异,并且有许多错误颜色或警告。这是什么原因呢?原来是不同的系统的字距不匹配。如果将字体从
Windows XP 转移到 Windows Vista,或从 Mac OS 转移到 Mac OS X,一样存在这样的问题。在
Linux®、Unix®、Solaris® 或其他 *NIX 系统上,情况更加糟糕。
实际上,有时同一系统上的相同字体会有不同的名称。操作系统正在尽力避免字体命名冲突。因此,您的 Times New Roman
版本可能和我的不一样。这造成的后果和前面一样:困惑、零乱的 Web
页面、在您的机器上能很好显示的消息在另一台机器上却异常难看。那么,如何在众多不兼容字体的系统上使您的页面美观可人,同时又避免字体带来的烦恼?
本文转自IBM Developerworks中国
请点击此处查看全文
相关文章推荐
- 密歇根大学联合谷歌大脑提出,通过「推断语义布局」实现「文本到图像合成」
- 语义相关app搜索(二) 论短文本相似——qjzcy的博客
- 在ComboBox下拉列表中显示具有多行的文本
- 用‘grep’搜索文本文件中的特定字符
- B树插入向一个已经有M项的节点添加元素,则在分裂该节点以前要执行搜索具有少于M个儿子的兄弟的工作
- 同文件夹内文本搜索器(vbs)
- 搜索背后的奥秘——浅谈语义主题计算
- HTML学习感想(5)【图像按钮、文件选择输入框、多行文本输入框】
- 用图片替代文本在 Google 上进行搜索。多么强大,你用过嘛?
- 如何在Linux上提高文本的搜索效率
- “应该为在运行时可能编辑的任何文本嵌入字体,具有”使用设备字体”设置的文本除外。使用”文本” > “字体嵌入”命令嵌入字体。”
- 图像处理学习方法及资源搜索
- SQL语句中 Case具有两种格式:简单Case函数和Case搜索函数
- css 文本超出2行就隐藏并且显示省略号
- 【摘要】图像文本检测提取算法
- 空洞卷积与DeeplabV2实现图像语义分割的测试(tensorflow)
- 全域图像搜索给你更精准的搜索体验
- C#编程实现在Excel文档中搜索文本
- GAN之根据文本描述生成图像
- FCN与图像语义分割小结(学习初步指引)