8

我有一个共同的理解问题,我不清楚什么是最好的前进方式。所以我决定向社区寻求建议。

jQuery UI 定义了CSS 框架,其中包含“ui-icon”类和许多用于不同标准图标(总共 320 个图标)的特定类,可以在测试页面上看到。有很多插件、网站等等都在使用 CSS 框架。例如jqGrid Pluging使用它。jqGrid 将创建的网格包含图标。

在写了关于使用Font Awesome 图标而不是一些jQuery UI 图标的答案之后,我经常问我同样的问题:为什么jQuery UI CSS 框架光栅图标而不是基于矢量的图标?在我看来,另外实现 jQuery UI CSS 框架的图标部分是非常实用的。在这种情况下,可以只替换 jQuery UI 主题并以更好的方式实现图标。

我们现在生活在高 DPI 显示器的时代(平板电脑和智能手机的事件)。很多人在 Web 浏览器中使用 100% 以上的缩放设置作为标准设置。如果一个人
在此处输入图像描述

在此处输入图像描述
一个人比较,就会发现差异非常明显。

当前版本的网络浏览器(包括旧版 IE7)支持基于矢量的网络字体,其中至少一种格式为 WOFF、EOT、TTF、OTF 或 SVG。这些字体是 W3C 工作草案文档“CSS Fonts Module Level 3”的一部分(参见http://www.w3.org/TR/css3-fonts/#src-desc)。

那么,为什么不用网络字体替代品替换当前 jQuery UI 的 PNG 图标呢?有许多免费的开源字体已经提供了(见这里这里这里这里等等)人们需要的最多(但不是全部)图标。

我看到的使用网络字体的额外好处将是简化 jQuery UI 主题的创建。如果我比较基本主题内部使用的图像ui-icons_XXX_256x240.png,或者如果我将那里与另一个主题的相应图像进行比较,那么我认为图像中使用的颜色是它们之间的唯一区别。在使用矢量字体的情况下,可以指定colorbackground-color或使用CSS 样式来更改颜色linear-gradientradial-gradient产生漂亮的颜色效果:
在此处输入图像描述

我看到使用矢量图标有很多优势,但直到现在我还没有找到一个可以对矢量图标提出功能请求的好地方。我发布了功能请求这个,但我越来越认为我们这里有常见的 jQuery UI 框架问题

jQuery 2.0 发布后不再支持 IE 6/7/8 之后,是不是该考虑用基于矢量的 Web 字体替换基于光栅的 PNG 图标了?

可能我错过了基于使用矢量的网络字体的一些重要缺点?例如非常糟糕的表现(我直到现在才看到)或其他一些东西?创建所有需要的图标是否过于复杂?还有其他一些问题吗?

我决定提出这个问题,以引起其他人对我所看到的问题的注意。恐怕,如果没有来自社区的相应反馈,我的功能请求将没有任何后果。

哪种方式最适合放置此类功能请求?我必须补充一点,字体或图片的创建不是我自己擅长的主题。所以我自己不能参与实施。对不起。

欢迎您对本主题提出任何建议或意见!

4

1 回答 1

0

字体不利于实现图标。看路标——至少需要三种颜色。为此,字体将被 SVG 或类似格式替换,可能带有提示说明。

为什么 jQuery UI 框架有光栅图标而不是矢量

我认为,目前缺乏基于矢量的图标实现的标准。

创建所有需要的图标是否过于复杂?还有其他一些问题吗?

是的,在一种字体中创建所有图标并不容易,并且在所有浏览器中都能正常工作。但是还有另一个问题。好的解决方案是以矢量格式实现 google 的 logo,而不是光栅。如您所见,这还没有发生。

于 2013-04-29T09:52:16.463 回答