是否有任何测试工具可以验证整个 Web 应用程序的字体一致性?

发布于 2024-09-16 19:38:24 字数 181 浏览 6 评论 0原文

目的是检查 Web 应用程序中使用的任何不一致的字体,以便开发人员可以解决问题。

需要检查所有字体属性(字体系列、字体大小等)的一致性。正如下面 Pekka 所建议的,我可以使用 CSS 定义一致的字体属性,这些属性可以在所有网页中使用,但是 QA 如何自动测试它并确认相同的 CSS,从而将相同的字体应用于整个 Web 应用程序?

The purpose is to check for any inconsistency fonts used across the web application so that the developers can fix the issue.

Consistency in terms of all font properties (Font families,font sizes etc.) needs to be checked. As suggested by Pekka below, I can use CSS to define consistent font properties which can be used in all web pages but how can a QA auto test this and confirm the same CSS and hence the same font is applied to the entire web application?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

煮茶煮酒煮时光 2024-09-23 19:38:24

如果在样式表中的正文标记上设置了字体系列,则该字体将应用于整个站点中的几乎每个元素(表单和表格元素是例外,您必须为其重新声明字体系列)。

在正文上声明的字体系列唯一不适用的情况是,它被样式表中其他位置的各个元素上应用的不同字体系列覆盖,或者它被内联样式应用。

因此,您可以检查样式表中的字体系列一致性,只需搜索“font:”(对于使用简写的情况)和“font-family”,并确保对它的任何引用与您的默认值相匹配字体应该是。

要覆盖内联样式设置的不同字体,请查看这个

If a font-family is set on the body tag in your stylesheet, then that font will apply to nearly every element throughout your site (form and table elements being the exception where you have to redeclare the font-family for those).

The only time the font-family declared on the body won't apply is if it's overridden by a different font-family applied on individual elements elsewhere in the stylesheet, or if it is applied by inline styles.

So you can check on font-family consistency in the stylesheet/s just be doing a search for 'font:' (for cases where shorthand is being used) and 'font-family' and making sure any references to it match what your default font should be.

To override different fonts set by inline style, take a look at this.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文